Jump to content

JavaScript

A programming language that conforms to the ECMAScript specification

Explore Questions

There are no popular questions to show right now

4723 questions in this forum

  1. Анимация числа, при изменении ширина HTML элемента

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

    Asked by Akkord87,

    0 votes
    1 answer

  2. Нужна помощь с многоуровневм раскрывающимся меню

    Подскажите, чего не хватает в коде для того чтобы при щелчке по пункту меню вместе с открытием этого пункта закрывался другой уже открытый пунтк. Либо поделитесь ссылкой где про это можно прочесть. Код следующий: $(document).ready(function() { $('ul#my-menu ul').each(function(index) { $(this).prev().addClass('collapsible').click(function() { if ($(this).next().css('display') == 'none') { $(this).next().slideDown(200, function () { $(this).prev().removeClass('collapsed').addClass('expanded'); }); }else { $(this).next().slideUp(200, function () { $(this).prev().removeClass('expanded').addClass('collapsed'); …

    Asked by karlitos32,

    0 votes
    3 answers

  3. 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,

    0 votes
    2 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,

    0 votes
    2 answers

  5. Почему на мобильном по разному работает зум 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,

    0 votes
    1 answer

  6. Запрет на событие на время

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

    Asked by botyaslonim,

    0 votes
    7 answers

  7. конструкция if

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

    Asked by mr.Dassler,

    0 votes
    6 answers

  8. Вёрстка

    Есть меню. но оно отображается не правильно. Как есть (ФОТО): Как надо: Есть код: <div id="menu"> <div class="menu"> <a href="#" ><img class="km" src="img/a_km.jpg"><h5>Аренда кофемашин</h5></a> </div> <div class="menu"> <img class="km" src="img/p_km.jpg"> </div> <div class="menu"> <img src="img/r_km.jpg" class="km"> </div> <div class="menu"> <img class="km" src="img/p_k.jpg"> </div> </div> +css #menu { margin-top: 30px; background: url(img/menu_bg.jpg); width: 200px; height: 440px; -webkit-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); -moz-box-shad…

    Asked by vova.a99,

    0 votes
    1 answer

  9. Помогите с скриптом

    У меня есть вот такая конструкция <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,

    0 votes
    4 answers

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

    На странице есть много спойлеров,при запуске страницы их содержимое грузится сразу.Что нужно добавить в код что бы содержимое спойлера грузилось лишь тогда когда он открыт пользователем? Вот скрипт спойлеров: код спойлера: <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,

    0 votes
    3 answers

  11. Видео на страничке

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

    Asked by Dimoniche,

    0 votes
    1 answer

  12. Отправка запроса по почте

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

    Asked by Alexey Menshikov,

    0 votes
    1 answer

  13. Как поменять фоновую картинку

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

    Asked by satantx,

    0 votes
    5 answers

  14. Общий подсчёт из нескольких полей

    Здравствуйте . Есть 4 таблицы. В каждой по нескольку десятков вычисляемых input-полей для ввода. В каждой таблице все поля суммируются и результат выводится в <span></span>. Таблицы никак не связаны между собой. В общем хочу сделать так, чтобы был ещё один <span></span>, в который суммируются все 4 <span>'а соответствующих четырёх таблиц. Сам никак не дотумкаю. Спасибо заранее. HTML-КОД: <div id="calculate"> <form method="post"> <table id="tableSelect" class="zebratable" width="100%" cellpadding="0" cellspacing="0"> <tr> <th>Наименование работ</th> <th>Ед.изм.</th> <th>Кол…

    Asked by DaLamaro,

    0 votes
    3 answers

  15. Добавить в калькулятор доставки переменную

    Есть простой скрипт расчета доставки на основе Яндекс Карт http://jsfiddle.net/5L86tt3b/ Как менять стоимость доставки DELIVERY_TARIF в зависимости от выбора продукции из выпадающего списка?

    Asked by aizul,

    0 votes
    2 answers

  16. При использовании 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,

    0 votes
    2 answers

  17. Как найти hspace, заданный java

    Приветствую! Есть у меня скрипт, в котором неведомым мне образом задан параметр hspace для картинок. Как я не пытался, вычленить его я так и не смог. Прошу подсказать, как найти этот параметр и поменять его (может даже можно средствами css).

    Asked by Trust,

    0 votes
    1 answer

  18. Можно ли перевести 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,

    0 votes
    1 answer

  19. Обращение к определенному элементу

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

    Asked by inex,

    0 votes
    3 answers

  20. Проблемы с 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,

    0 votes
    1 answer

  21. постраничная навигация

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

    Asked by meri_bet248,

    0 votes
    1 answer

  22. Всегда при первой загрузки активный первый пукт меню

    Добрый день. Мне надо сделать чтобы при загрузки страницы или обновлении, первый пункт меню всегда горел активный. Применила простой код вроде, но он делает активным все пукты меню >.< И пропадает активность, когда выпадает меню и туда переводишь курсор мышки (( Как справиться с этой напастью? $('.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,

    0 votes
    9 answers

  23. скрипт Slimbox

    Такая ситуация использую скрипт Slimbox для библиотеки mootools Подключил его работает он с обычной ссылкой <a rel="lightbox" title="The" href="/images/721.jpg">The</a> как обучить его чтобы он понимал мою image map? То есть надо чтобы срабатывал при таком виде: <img id="h" src="/images/h.jpg" alt="" usemap="#h" width="1035" height="758" /> <map name="h"> <area shape="poly" coords="486,171,552,171,551,111,538,99,512,94,484,106" rel="lightbox" href="images/721.jpg" title="123123"/> </map> /*! Slimbox v1.8 - The ultimate lightweight Lightbox clone (c) 2007-2011 Christophe Beyls <http://www.digitalia.be> MIT-style license. */ var…

    Asked by Ledniy,

    0 votes
    0 answers

  24. Отладка Javascript

    коллеги, подскажите как заниматься отладкой? Задача - есть чужой сайт, на странице http://www.reklamy.ru/uslugi/naruzhnaya-reklama/ при нажатии "запросить предложение" появляется форма далее при попытке её заполнить - сразу закрывается откуда начинать копать в подобных случаях?

    Asked by GTAlex,

    0 votes
    1 answer

  25. выбрать тэг по встроенному стилю

    подскажите пожалуйста как можно при помощи 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,

    0 votes
    5 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept