JavaScript
A programming language that conforms to the ECMAScript specification
Explore Questions
There are no popular questions to show right now
-
0 votes1 answer
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes0 answers
4723 questions in this forum
-
красивый alt и изображений
здрасте, как можно сделать красивый альт для изображений, который будет всегда видел при наведении и перемещении по картинке, только без фреймворков всяких? заранее спасибо
0 votes6 answers -
событие до загрузки контекта
всем хай, можно ли вообще на js как нибудь выполнить событие до того, как начал загружаться контент?
0 votes9 answers -
Событие У Body
Интересует валидный вариант такой конструкции <body onresize="report()"> валидатор ругается с ошибкой Доктайп у меня xhtml 1.0 transitional onresize у меня в коде естественно написано строчными буквами... Пример использования данного события можно видеть здесь http://www.w3schools.com/jsref/event_onresize.asp наверняка можно отделить от разметки страницы как ни будь так: <script type="text/javascript"> document.getElementsByTagName("body").onresize = report(); </script> только у меня так почему то не работает, есть какие то предложения? чето я на ночь глядя тупить стал
0 votes10 answers -
Стилизация label в зависимости от состояния input
Необходимо, чтобы в зависимости от состояния поля input, применялась различная стилизация. Проблема в том, что к тексту над полем, стилизация не применяется. Почему? http://jsfiddle.net/pqVJM/280/
0 votes3 answers -
ScrollBar для блока на JS
Нужен грамотно написанный ScrollBar для Блок То есть, чтобы там было кнопки вверх/вниз, ползунок, и чтобы внутри блока работал скролл мышки Ну как в реальном скролл баре, но только чтобы можно было дизайн изменить Спасибо!
0 votes5 answers -
Различия исполнения в браузерах
Здравствуйте! Меня интересует тема переносимости js в различных браузерах. Особенно интересует тема обработки событий. Я понимаю, что есть гугл, но я находил там темы на английском... Если есть статьи и ссылки на материал, то поделитесь или здесь объясните, пожалуйста.
0 votes2 answers -
инструменты для отслеживания ajax-запроса
скажите пожалуйста существуют ли инструменты или методики, и если да то какие, для получения полной информации о ajax-запросе часто бывает так, что работая с cms нужно изменить ajax-запрос(например добавить функцию, которая запустится перед ajax-запросом или после). при этом не всегда понятно где искать файл с js-кодом обычно я поступаю следующим образом. через firebug узнаю id или class элемента. затем захожу на хост через файловый менеджер(например через total commander). затем включаю поиск файлов по маске *.* , которые содержат id или class элемента. таким образом нахожу нужные мне файлы, но этот метод действует не всегда. хотелось бы найти более универсальное реш…
0 votes16 answers -
Вопрос по jQuery + imgAreaSelect
Народ, помогите плз: Установил плагин imageareaselect есть код: <script type="text/javascript" src="jquery-1.2.6.js"></script> <script type="text/javascript" src="jquery.imgareaselect-0.5.1.js"> $(window).load(function () { $('img#example').imgAreaSelect({ selectionColor: 'blue', onSelectEnd: someFunction }); }); </script> Но он не работает! Браузеры: Opera 9.62, Mozilla FF 5.0, IE 7 Подскажите, в чем дело.
0 votes3 answers -
Скрипт: Изменение содержимого 'value'
Вот, написал мелкий скриптик: http://tarik.kasperovich.ru/test_5/index.html // The document is loaded --> onload = function () { ChangeFormValue(); } // --> // Change contained in "value" --> function ChangeFormValue () { var text = new Array(); // array of values by default --> var form = document.getElementById('ChangeFormValue'); // form's id --> var array = form.elements; // array of form's elements --> for (var i = 0; i < array.length; i++) { var el = array[i]; // element --> if (el.type == 'text' || el.tagName.toLowerCase() == 'textarea') // only "input type='text'" & "textarea"…
0 votes9 answers -
Значение свойства display
Подскажите плз Есть простенькая функция открытия-закрытия выпадающего меню function menu(id) { var obj_style = document.getElementById('point'+id).style; switch (obj_style.display) { case "none": obj_style.display = "block"; break; case "block": obj_style.display = "none"; break; } } Все бы хорошо, но некоторые участки меню,которые должны появляться и исчезать при клике, при созданиии страницы имеют пустое знаение display. Если бы пустое значение имели только видимые или наоборот,только невидимые слои, я бы прописал case "": или default: ...и т д А у меня часть слоев при переходе на страницу видима,часть нет (в зависимости от того,на какой страни…
0 votes4 answers -
просчитать форму с чекбоксами
Здраствуйте столкнулся с проблемой нужно просчитать форму и не перегружая страницу вывести результат загвоздка в том что в форме присутствуют checkbox которые влияют на расчеты так как почти не знаком с javascript прошу помощи у вас. вот форма : <form method="post" action=""> <table> <tr> <td class='first'>Cтоимость:</td> <td><input type="text" name="cost" maxlength="5" value="" /></td> </tr> <tr> <td class='first'>Кол-во:</td> <td><input type="text" name="plan" maxlength="5" value="" /></td> </tr> <td class='first'>Параметр 1:</td> <td><…
0 votes3 answers -
Как создать динамический слайдер в модальном окне?
Что я хочу сделать. На странице очень много мелких картинок. При клике на одну из них, открывается модальное окно со слайдером внутри. В слайдере представлены все картинки существующие на странице, при чем первым слайдом будет та картинка, по которой кликнули. Но я завис на очень раннем этапе. Я уверен, что-то похожее уже делали, я не смог найти. Буду благодарен, если ткнете носом. Накидал пример из 3х картинок, но даже в консоли получаю ошибку. Не знаю почему. https://jsfiddle.net/mnu2zL3k/
0 votes1 answer -
onClick=agreeForm(this.form) проблема
Имеется некая форма заказа, после которой идет уведомление на почту, в котором отображается введеная информация. Имя, телефон, дата заезда, отьезда, количество детей, дополнительная информация. С условиями заказа, и при согласии с которыми только активизируется кнопка отправки. /************************************************** SHOW CONTACT BUSINESS DIRECTLY BY EMAIL FORM **************************************************/ function contactBusiness( $option, &$row ) { global $database, $Itemid, $mainframe, $my, $id, $mosConfig_live_site, $mosConfig_usecaptcha; $link2 = $mosConfig_live_site. '/index2.php?option=com_ezrealty&task=sendbusinesscontact&Ite…
0 votes4 answers -
Помогите расшифровать js
не могу открыть файл js, он как то закодирован slil.ru/26593002 .. может кто то знает как его декодировать? я читал про кодировщик от мелкомягких, но это не он!
0 votes11 answers -
Fabric js пауза в анимации canvas
Всем привет, вот незадача - не могу никак понять по какому принципу осуществить остановку анимации объектов в канве (скажем при наведении на объект курсора). По гуглам искал, находил, смотрел, читал, но так ничего и не смог оживить. Плюс к тому осваиваю библиотеку fabric.js - скорей всего там есть возможность паузы (думаю даже в StaticCanvas). Кто что может посоветовать?
0 votes0 answers -
Транспартная задача
Преамбула - Есть в универ предмет такой Модели и Методы Управления - и проходят по нему так называемую транспортную задачу, за написание програмки для ее решения я хочу автомат Ну всякие дельфи и прочее это не моё… я выбрал JS - заодно и скил прокачать по нему…) Проблема - после нескольких шагов решения , имеем таблицу… с инпутами… Вопрос - как скопировать эту таблицу вместе со всем содержимым? Дабы первую оставить как оригинал и на её основе делать кучу дочерних для оптимизации найденного опорного решения. http://www.hart-flamov.ru/transport.html так же был бы признателен за общие косяки в коде… з.ы. Если есть умные мысли по самому алгоритму решения задачи и в особ…
0 votes13 answers -
Вертикальный скрол div
у diva OVERFLOW: auto; scrollBy пишет ошибку что не поддерживает это свойство как прокрутить div повертикали?
0 votes4 answers -
Проблема с работой JavaScript
Есть страница index.php в нее импортирована страница reestr.php с помощью скрипта <?php require('forms/reestr.php');?>. На странице reestr.php должен отображаться календарь, скрипт которого лежит js/calendar/calendar.js. Как правильно прописать путь к скрипту календаря в данной ситуации? Пробовал через страницу reestr.php: <html> <head> <script language="JavaScript" src="js/calendar/calendar.js"></script> </head> <body> <form enctype="text/plain" name="reserve"> <input type="text" name="data"> <script language="JavaScript"> new tcal ({ // form name 'formname': 'reserve', // input name 'controlname': …
0 votes12 answers -
Скрипты перекрывают друг друга
Всем добрый день. Делаю сайт через visual studio и столкнулась с такой проблемой: у меня есть три элемента к которым подключены скрипты: один-это выпадающее меню, второй - всплывающая подсказка и третий слайдер прокрутки, все используют библиотеку jquery, но они вместе все на работают. Кто может подсказать что может мешать их одновременной работе?
0 votes3 answers -
Как вычислить размер блока?
дано: хтмл <div class="visArea" style="width: 185px; height: 300px; "> <div class="scrollArea" style="width: ???; height: 280px; "> <p></p> <p></p> </div> </div> цсс .visArea { position: relative; overflow: hidden; } .scrollArea { position: absolute; top: 0px; left: 0px; } есть блок фикс размера в нем имееться блок с контентом у которого известна одна сторона(в данном случае высота) задача: как вычислить вторую сторону (в данном хтмл надо вычислить длинну) блока с контентом что бы при прописывании размеров все содержимое контента вмещалось и небыло лишнего
0 votes15 answers -
Проблемы с рекурсией
function pow(x, n) { if (n != 1) { // пока n != 1, сводить вычисление pow(x,n) к pow(x,n-1) return x * pow(x, n - 1); } else { return x; } } alert( pow(2, 3) ); // 8 На первом шаге получается pow(2, 3) = 2 * pow(2, 2) = 2*2*2 = 8 а если вызывать pow(2, 4), то должно получится 16 pow(2, 4) = 2 * pow(2, 3) = 2*2*3 = 12 Почему 12, а не 16?
0 votes19 answers -
Менять ширину одного блока при изменении другого
Нужно менять ширину блока .middleв зависимости от ширины блока .right. Сделать при загрузке страницы получается, но нужно, чтобы скрипт выполнялся постоянно (отслеживал ширину правого блока и менял ширину среднего блока). Не могу понять, как сюда .on()прикрутить. Вот пример
0 votes17 answers -
Не работает скрипт
Помогите разобраться, уже всю голову сломал... Есть java-скрипт из книги Влада Мержевича. Он позволяет расположить DIV над содержимым страницы. При прокрутке содержимое DIV плавно сдвигается, оставаясь неподвижным относительно окна браузера. Скрипт работает, только если из кода страницы убрать ...>. Причем нет разницы, какой тип документа в нем объявлен. Вот css-свойства DIV: #popup { position: absolute; /* Абсолютное позиционирование */ width: 150px; /* Ширина*/ border: 1px solid; /* Рамка вокруг */ background: #ffffee; /* Цвет фона */ text-align:center; /* Выравнивание содержимого по центру */ margin-left:78%; /* Координаты DIV, если выкл. скрипты */ top: 50p…
0 votes8 answers -
Disable для элементов form в ие
Привет есть скрипт отвечающий за активные/неактивные формы <script> function validator(){ field=document.testForm4; if(field.apply.checked){ for (i=0;i<field.length;i++){ field.elements[i].disabled = false; } } else { for (i=0;i<field.length;i++){ field.elements[i].disabled = true; } } field.apply.disabled=false } </script> html <form name="testForm4"> <input type="checkbox" name="apply" onchange="validator()" /><br /><br /> <select name="selectList" size="1" disabled="disabled"> <option value="1">один</option> <option value="2">два</option> <option value="3">тр…
0 votes5 answers -
То работает, то не работает скрипт при обновлении страницы
http://zverushka.100ms.ru/kadr/ Ситуация такая. В этом месте http://joxi.ru/ImhIU_3JTJA-BGzvSKM Если кликать по стрелочкам - перелистывания не происходит. Но если обновлять страницу - то иногда перелистывает, иногда нет. Ошибок никаких не выдает. Я не могу понять, в чем проблема. Перелистывание идет по скрипту 207 строка $("#id1 .btn-next").click(function () { sliderBg.goToNextSlide(); sliderTab.goToNextSlide(); }); $("#id1 .btn-prev").click(function () { sliderBg.goToPrevSlide(); sliderTab.goToPrevSlide(); });Поробовала добавить таймаут, на всякий setTimeout(function () { $("#id1 .btn-next").click(function () { sliderBg.goToNextSlide(); sliderTab.goToN…
0 votes5 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-