JavaScript

4723 questions in this forum

1. Загрузка активного элемента

   На странице есть много спойлеров,при запуске страницы их содержимое грузится сразу.Что нужно добавить в код что бы содержимое спойлера грузилось лишь тогда когда он открыт пользователем? Вот скрипт спойлеров: код спойлера: <a href="#1" class="videoA"><ul class="videoUL"><li class="title">Vol.1</li><li class="date">дата</li></ul></a><div class="videoB">содержимое</div>скрипт спойлеров: <script>$(".videoB").toggleClass("disabled");$(".videoA").on("click", function () {$(this).next(".videoB").toggleClass("disabled");$(this).toggleClass("active");return false;});</script>

   Asked by pudge, December 22, 2013

   0 votes
   3 answers
2. Нужен таймер 5:48:34 с возможностью отключения и заменой его на форму отправки

   Нужен таймер 5:48:34 с возможностью отключения и заменой его на форму отправки

   Asked by Shenia132, May 14, 2014

   • таймер
   0 votes
   3 answers
3. Запрет на событие на время

   Помогите, нужно решить такую задачу. Есть кнопочки на слайдере. По клику картинка переезжает, её место занимает другая. Анимация занимает 1 секунду. Если во время этой секунды ещё раз нажать на кнопочку, картинка поедет дальше. А как сделать так, чтобы на 1 секунду (время анимации) кнопочка становилась "мёртвой", чтобы при клике на неё никакое событие не исполнялось?

   Asked by botyaslonim, July 31, 2012

   0 votes
   7 answers
4. Ограничение работы счётчика input по переменной

   Самостоятельное изменение input запрещено. Есть кнопки - "Плюс" и "Минус". По нажатию "Плюс" значение input изменяется на единицу в положительную сторону, по нажатию "Минус" - в отрицательную. Нужно ограничить максимальное значение input переменной. Например, количество доступных товаров - 25 (в некую переменную попадает 25), нужно ограничить максимальное значение input цифрой 25. var minus = $('.minus');var plus = $('.plus'); plus.click( function () { var input = $(this).parent().find('input'); input.val(parseInt(input.val()) + 1); input.change(); }); minus.click( …

   Asked by Torawhite, December 26, 2015

   0 votes
   2 answers
5. LexicalEnvironment

   Правильно ли я это понимаю? Есть код function foo(a, { var c = 5; return (a+*c}alert(foo(2,3))Первый этап function foo(a, { //LexicalEnvironment = {a: 2, b: 3, c: undefined} var c = 5; return (a+*c}alert(foo(2,3))Второй этап function foo(a, { //LexicalEnvironment = {a: 2, b: 3, c: undefined} var c = 5; //LexicalEnvironment = {a: 2, b: 3, c: 25} return (a+*c}alert(foo(2,3))А что делается с return?

   Asked by DivMan, March 14, 2016

   0 votes
   7 answers
6. Как запустить javascript в оперделённом браузере?

   Подскажите, есть ли такая функция котрая запускает скрипт когда страница открывается в определённом браузере? Или от обратного- запретить запуск скрипта на всех мобильных платформах (iPad к примеру). Сайт на XHTML 1.0 Transitional. Заранее спасибо. =)

   Asked by Aroused, July 18, 2011

   0 votes
   2 answers
7. jQuery: ошибка маски ввода

   Добрый день! Прелюдия: Есть форма, где первоначально отображается одно поле для ввода номера телефона. Рядом с полем, есть кнопка "Еще", которая с помощью спец. JS-скрипта добавляет еще одно поле для ввода номера телефона. Есть jQuery-скрипт, который инициирует ввод данных в данные поля по заранее заданной маске. Проблема: Маска ввода работает лишь в первом поле, которое вручную прописывается в коде странички. Поля, добавляемые скриптом, являются, как-бы "неведимками" и с ними нельзя работать... Вопрос: Как решить данную проблему? Может быть, требуется по другому добавлять поля на страничке?

   Asked by webDoktor, February 5, 2012

   0 votes
   1 answer
8. Помогите с скриптом

   У меня есть вот такая конструкция <div class=1> <div class =2> </div> </div> в скрипте я использую вот такой код $(".1").mouseup(function(){ $(this).append('<span style="color:#F00;">Mouse up.</span>'); }).mousedown(function(){ $(this).append('<span style="color:#00F;">Mouse down.</span>'); }); при этом mousedown выполняется и при клику на первы и на второй див как мне сделать чтобы это работало только при клике на первый див а при клике на второй нет?

   Asked by flipper1001, September 19, 2012

   0 votes
   4 answers
9. Отправка запроса по почте

   Вот такая задача: есть сайт с каталогом продукции без цен. Около каждой позиции хочу создать кнопку - "Запрос цены". При нажатии на которую всплывает окошко (думаю, посредством JS), с полями "Ваше имя.. Ваш телефон.." и кнопкой "Запрос". Всё, после этого эта короткая инфа отсылалась бы мне на почту. Как реализовать? Правильно ли выбран JS для такой задачи?

   Asked by Alexey Menshikov, April 29, 2012

   0 votes
   1 answer
10. вопрос по gulp.src();

    Есть код: 'use strict';var gulp = require('gulp'), $ = require('gulp-load-plugins')(),module.exports = function(options) { gulp.task('test', function () { gulp.src('external/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss') .pipe(gulp.dest('dist/')); });}; Вызов gulp.dest('dest/') в моем коде сохраняет файл _bootstrap.scss внутри папки dest/. Если же строку кода: gulp.src('external/bower_components/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss')заменить на строку: gulp.src('external/*/bootstrap-sass-official/assets/stylesheets/_bootstrap.scss')То вызов gulp.dest('dest/') в моем коде сохраняет файл _bootstrap.scss …

    Asked by FanAizu, April 24, 2015

    0 votes
    1 answer
11. Почему на мобильном по разному работает зум canvas в хроме и файрфокс?

    Делаю карту посёлка на Canvas denisator.ru/work/map/test и столкнулся с проблемой на мобильном Хроме и Опере. Если в Хроме щепоткой увеличить карту и отскролить её вниз то указатель, который должен перемещаться в точку нажатия пальцем, позиционируется где то в стороне. Причём такая проблема проявляется только в опере и хроме, а в стандартном браузере андроида и в файрфоксе всё работает нормально. Пробовал компенсировать это смещение но не смог вычислить формулу по которой считать величину смещения. <!DOCTYPE html> <html lang="ru"><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="utf-8"&g…

    Asked by denisator, June 16, 2017

    0 votes
    1 answer
12. выбрать тэг по встроенному стилю

    подскажите пожалуйста как можно при помощи js/jq из набора тэгов <a class="nivo-imageLink" href="#" style="display: block;"> <a class="nivo-imageLink" href="#" style="display: none;"> <a class="nivo-imageLink" href="#" style="display: none;"> <a class="nivo-imageLink" href="#" style="display: none;"> выбрать тот, который имеет style="display: block;"

    Asked by cyklop77, May 18, 2012

    0 votes
    5 answers
13. Firefox что возвращает DOMMouseScr

    Ребят подскажите пожалуйста, что возвращает DOMMouseScr в firefox? есть код. $(window).bind('mousewheel DOMMouseScroll', function scrolling(event) { if (event.originalEvent.wheelDelta >= 0) { alert('true');}else { alert('false');} } В лисице всё время возвращается false. Чему равен скролл вниз-вверх в нём?

    Asked by PickUp, July 17, 2014

    • JS Scroll
    0 votes
    2 answers
14. Анимация числа, при изменении ширина HTML элемента

    Здравствуйте! Помогите разобраться с динамической анимацией числа в блоке, интересует решение только на чистом javascript. Имеется блок с размерами 25 на 25px, в блоке находится число (0%), при клике по этому блоку происходит событие, которое задает блоку величину (в данном случае 75%), после чего его ширина плавно увеличивается на заданную величину. Но как привязать это динамическое увеличение и к числу, чтобы увеличение числа так же происходило синхронно при увеличении ширины блока до заданного числа, то есть до 75%? Вот пример http://jsfiddle.net/56mg4xyf/embedded/result/ Может есть какое то событие, которое отслеживает состояние блока? Буду благодарен, если по…

    Asked by Akkord87, December 15, 2015

    0 votes
    1 answer
15. Всегда при первой загрузки активный первый пукт меню

    Добрый день. Мне надо сделать чтобы при загрузки страницы или обновлении, первый пункт меню всегда горел активный. Применила простой код вроде, но он делает активным все пукты меню >.< И пропадает активность, когда выпадает меню и туда переводишь курсор мышки (( Как справиться с этой напастью? $('.menu_dop .main a').each(function () { var location = window.location.href; var link = this.href; if(location == link) { $(this).addClass('active'); } });<nav class="menu_dop"> <ul class="blockeasing"> <li class="main clinical"><a href="#">Общеклинические направления</a> …

    Asked by Mary_RND, December 28, 2015

    0 votes
    9 answers
16. конструкция if

    Вопрос такой почему так,если в переменной подставлять разные значения например var a = 2222; показывает все равно "а равно единицы" Такой вот пример var a = 1; if (a==a) { alert("а равно единицы"); } else { alert("а НЕ равно единицы"); }

    Asked by mr.Dassler, April 6, 2012

    0 votes
    6 answers
17. Обращение к определенному элементу

    Добрый день, Понадобилось что-бы при наведении на <div class='block'></div> появлялся <div class='drop'></div>, написал, но возникла проблема, таких блоков на странице допустим 10, и при наведении на любой из них, блок с классом drop появляется сразу у всех элементов с классом block, а не у того на который навёл...как заставить скрипт срабатывать только на блоке на который навёл? Сории за кашу, даже не знаю как описать проблему, заранее спасибо! $('.block').hover( function() { $('.drop').show(); },function(){ $('.drop').hide(); } );

    Asked by inex, November 6, 2012

    0 votes
    3 answers
18. Почему не работает простой калькулятор?

    http://jsfiddle.net/g54u8smx/

    Asked by DivMan, December 17, 2014

    0 votes
    4 answers
19. При использовании materialize.js глюк с лейблом

    Всем привет, При использовании materialize.js заметил что если для инпута <div class="input-field col s6"> <input class="editable_field string_input validate valid" value="" id="drd_date_formatting_prefix" type="text" maxlength="50"> <label for="drd_date_formatting_prefix" class="active">Date formatting prefix</label> </div> програмно заполнить значением $("#drd_date_formatting_prefix").val("_prefix") то при открытии в модальном окне получается что лейбл отображается на инпуте и текст инпута и лейбла сливаются Если мышкой кликнуть на инпуте а потом убрать - то лейбл возвращается на свое место... Нужно выполнить об…

    Asked by mstdmstd, June 19, 2017

    0 votes
    2 answers
20. постраничная навигация

    Здравствуйте! Есть сайт(сделан на битрикс,но не суть), контентная область-фиксированный блок определенной высоты и ширины. И есть контент который подгружается в эту область.Суть такова - если контент больше чем область, появляется навигация, и пользователь постранично листает. Причем контент(php файл) - состоит и из статики и из динамически сформированного содержимого. Заранее разбить его на блоки нельзя,т.к. неизвестно сколько всего там будет. Все примеры которые я нашла по созданию pagenavigation основаны на том что мы как то структурируем заранее что будем листать - с помощью списка(li), или дивов. Собственно вопрос- как реализовать такое? Буду рада полезным ссылкам!…

    Asked by meri_bet248, March 27, 2012

    0 votes
    1 answer
21. Как поменять фоновую картинку

    Добрый день. Помогите разобраться вот в чем: есть «div», при нажатии на него у этого блока появляется фоновое изображение (background: url("../bg.png") 0px -100px no-repeat) Как поменять например цвет шрифта или фона я знаю, но как прописать такую сложную конструкцию? $(".dark").click(function() { $("body").css("background-color", "#272822"); }); Спасибо

    Asked by satantx, August 28, 2012

    0 votes
    5 answers
22. window.load/unload не рабоатет

    Для своей соц сети хочу сделать свитч по значениям (0 или 1) для определения online, но почему-то не робит all.js window.load = function() { var xmlhttp = getXmlHttp(); xmlhttp.open('GET', 'suggest.html?status=1', false); xmlhttp.send(null); }; window.unload = function() { var xmlhttp = getXmlHttp(); xmlhttp.open('GET', 'suggest.html?status=0', false); xmlhttp.send(null); }; suggest.php function is_online() { $dir='user/'.@$user; if($dir!='user/'){ $of=fopen($dir.'/online.txt', 'w'); fwrite($of, '1'); fclose($of); } } function is_offline() { $dir='user/'.@$user; if($dir!='user/'){ $of=fopen($dir.'/online.txt', 'w'); fwrite($of, '0'…

    Asked by Ratnikov310, August 29, 2012

    0 votes
    6 answers
23. Проблемы с jQuery на touch смартфонах

    Всем привет. Столкнулся с проблемой. У меня есть поиск, который появляется в шапке при нажатии на иконку и исчезает при клике в любой другое место. На компьютере работает все отлично, однако на смартфоне не срабатывает закрытие. В чем может быть проблема? $(".search_icon").click(function(event) { $(".search").slideDown(300) jQuery(function() { $(document).trigger('touchend mouseup', function(event) { var search = $(".search"); if (!search.is(e.target) && search.has(e.target).length === 0) { search.slideUp(300) } }); }); }); Заранее спасибо за ответ!

    Asked by IvanRu08, August 11, 2016

    0 votes
    1 answer
24. Видео на страничке

    Дело такое: Есть страница. На ней загружается 3 видео ролика... Как сделать, так чтобы видео не запускались все вместе после обновления страницы. Хотелось бы сделать, так что-бы, видяшки изначально стояли на паузе а по щелчку мыши каждая запускались по отдельности. Какой скрипт нужно прописать. Спасибо! P.S. недавно начал осваивать JS поэтому чем понятней напишете тем лучше. =))

    Asked by Dimoniche, November 12, 2009

    0 votes
    1 answer
25. Можно ли перевести Mootools плагин в jQuery?

    Привет! В чем отличия этих модулей? У меня код всего на 1 страницу... И он написан на mootools... А все остальные плагины на jQuery .. От чего из-за одного плагина на Мутулс приходится подключать сам модуль мутулс который весит под 100 кб... А хочется сайт как-то оптимизовать, хоть он и для веб... var JFormValidator = new Class({ initialize: function() { // Initialize variables this.handlers = Object(); this.custom = Object(); // Default handlers this.setHandler('name', function (value) { regex=/^[ а-яёА-ЯЁa-zA-Z0-9_-]+$/g; return regex.test(value); } ); // Default handlers this.setHandler('username', function (value) { regex=/^…

    Asked by Bebeka, November 2, 2012

    0 votes
    1 answer