JavaScript

4,723 questions in this forum

1. Не определяет элемент lastChild

   Уважаемые форумчане! Просьба помочь со скриптом. Краткая информация о скрипте: 1. Скрипт генерит 5 элементов img и добавляет их в один из двух пустых div. 2. Скрипт копирует все элементы из одного div в другой, при этом удаляя один элемент img. Получаем 5 и 4 элемента img в двух div. До этого момента все гладко. Далее скрипт должен при нажатии на lastChild левого div, которым является один из img удалять всех child из обоих div и генерить уже 10 и 9 соответственно (по схеме выше). Или, при нажатии на любой другой child в div кроме последнего, выдавать сообщение. Вот проблема заключается в том, что не получается прописать событие onclick на последнем child'e одного из …

   Asked by Stojan, December 3, 2015

   • JS
   • Javascript
   • lastChild
   • DOM
   0 votes
   5 answers
2. Не всегда срабатывает скрипт

   Здравствуйте столкнулся с проблемой, не могу понять почему скрипт не всегда срабатывает. по замыслу это бургер меню которое работает только если ширина окна меньше чем 1025 после загрузки страницы или после ресайза, когда страница загружена результат всегда тот который и ожидался, а после ресайза иногда не срабатывает и меню не открывается, потом после следующего ресайза может заработать , может есть идею в почему так? function windowSize(){ myWidth = document.documentElement.clientWidth; if(myWidth<1025) { $("button.btn").on("click", function(){ $(".nav-collapse>ul").toggleClass("nav_active"); }); } } $(window).on…

   Asked by laliev, November 24, 2015

   0 votes
   1 answer
3. Помогите включить события браузера после preventDefault()

   Здравствуйте. Выполняю работу с применением drag and drop. Вроде все получается хорошо. Но после того как стал устанавливать обработчики для Android, столкнулся в проблемой. Может для многих она покажется смешной. Чтобы передвижение объекта пальцем по сенсорной панели было корректным мне пришлось отключить обработчики браузера по умолчанию. Я это сделал использовав event.preventDefault(). Как теперь мне обратно вернуть эти обработчики по умолчанию после того как передвигаемый объект отпущен? Весь интернет перерыл. Как отключить обработчики по умолчанию описаны во многих статьях, а как включить обратно нигде найти не могу.

   Asked by abb1977, November 22, 2015

   • preventDefault
   • по умолчанию
   0 votes
   2 answers
4. jQuery.index() и другие моменты)

   Здравствуйте. Придумал себе задачку и застрял в реализации) Допустим есть такой код http://jsfiddle.net/9f535con/ Изначально задумывалось так: По клику на цифры убирается класс active и добавляется той цифре на которой кликнуто + всем другим соответствующим цифрам. То есть тыкнул на цифру 2 - все цифры 2 должны быть с классом active. Думал пользоваться jquery.index(), но наверно я не до конца понимаю как работает эта функция, поэтому получаю отказ кода работать) В планах было еще вот что: Как видите второй блок с горизонтальной прокруткой, задумывалось. что если там существует элемент с классом active - прокрутка должна крутиться так, чтобы этот элемент был в поле види…

   Asked by Нарек, November 17, 2015

   0 votes
   4 answers
5. API слайдера Fotorama

   Доброе утро. Пытаюсь разобраться с API Fotorama. Задача следующая. Есть исходные изображения, которые подгружаются в слайдер при первой загрузке страницы. Надо при изменении выпадающего списка менять сами изображения в слайдере. В документации написано, что это можно сделать при помощи метода load(), но при этом надо соблюсти закономерности, которые применялись при изначальной загрузки изображений data(). Попробовал сделать так: $(function(){/* загрузка изображений при первом заходе на страницу*/ $('.fotorama').fotorama({ data: [ {img: 'images/7.jpg', thumb: 'images/7.jpg'}, {img: 'images/8.jpg', thumb: 'images/8.jpg'}, {im…

   Asked by slo_nik, November 10, 2015

   0 votes
   8 answers
6. Слайдер jQuery с текстовыми ссылками.

   Доброй ночи. Помогите, пожалуйста, найти слайдер, где вместо превью изображений можно вставлять обычный текст. При клике по тексту нужна смена слайдов. Сейчас использую на сайте "Fotorama", но в этом слайдере нет возможности вставить текст вместо превью. Просмотрел в инете с два десятка слайдеров, но не нашёл где можно использовать текст вместо изображений превью. Заранее благодарю за помощь.

   Asked by slo_nik, October 13, 2015

   0 votes
   4 answers
7. как отследить событие?

   Добрый день, подскажите пожалуйста как определить какой какой скрипт обрабатывает событие. на сайте тут меню, при наведении открывается мегаменю, как отловить где это происходит?

   Asked by laliev, October 24, 2015

   0 votes
   14 answers
8. Сравнение двух дат и времени

   Здравствуйте. Есть две даты событий в таком формате: 2015/10/23 13:00 и 2015/10/23 12:30. Можно ли их привести к числам и сравнивать между собой таким образом: 201510231300 > 201510231230 На первый взгляд все работает, но мне кажется, я что-то не учел. Работоспособный ли такой вариант?

   Asked by alex_web64, October 23, 2015

   0 votes
   5 answers
9. Регулярные выражения для телефона

   Кто подскажет, как дополнить код, что бы написать регулярное выражение, которое позволит принимать только цифры в количестве от 6 до 30, и символы "(",")","+","-". Вот этот код. function validatePhone(phone) { var re = /^.{6,30}$/; return re.test(phone); } Заранее спасибо

   Asked by Alarr, October 21, 2015

   0 votes
   4 answers
10. Всплывающее Диалоговое окно

    Добрый вечер! Как сделать такое окно как на этом сайте? http://winestyle.ru/ Т.е. когда заходишь на сайт он спрашивает Есть ли Вам 18 лет? А затем при нажатии на крестик окно не исчезает и блокирует все действия кроме прокрутки страницы? Дайте хотя бы направление в котором искать. Буду очень благодарен!

    Asked by Kiriklk, October 17, 2015

    0 votes
    2 answers
11. Отсортировать пункты списка

    Добрый день. Есть список, в котором присутствуют числа. Подскажите пожалуйста как сделать сортировку по убыванию, т.е. что бы при нажатии на кнопку сортировки <li>, содержащие меньшее число, переносились ближе к началу списка<ul>?

    Asked by jdk, October 14, 2015

    0 votes
    3 answers
12. Проверка заполненности input при наличии атрибута required

    1. Есть очень простая проверка полей в форме авторизации loginForm.addEventListener("submit", function(event) { if (!(inputLogin.value && inputPassword.value)) { event.preventDefault(); console.log("Введите логин и пароль") } else { ... }});Это работает до тех пор, если не добавить атрибут required для input, т.е. выполнение js условия блокируется. Как быть в таких случаях, когда нужно, чтобы и required присутствовал и событие выполнялось? 2. Если поля незаполненные - добавляю ксласс ошибки модальному окну. Но при повторном попытке отправки формы - класс modal-error не удаляется.

    Asked by grafnet, October 7, 2015

    0 votes
    1 answer
13. Не работает массив

    <?php } if ($use_wm) { $ammhamoneyid = array('ammh1',); $ammhamoneytitle = array('MOD_AMONEY_WEBMONEY',); $ammhamoneyonclick = array('show_wm',); } if ($use_rupay) { $ammhamoneyid = array('ammh2',); $ammhamoneytitle = array('MOD_AMONEY_RBKMONEY',); $ammhamoneyonclick = array('show_rupay',); } if ($use_yandex) { $ammhamoneyid = array('ammh3',); $ammhamoneytitle = array('MOD_AMONEY_YANDEX',); $ammhamoneyonclick = array('show_yandex',); } if ($use_paypal) { $ammhamoneyid = array('ammh5',); $ammhamoneytitle = array('MOD_AMONEY_PAYPAL',); $ammhamoneyonclick = array('show_paypal',); } if ($use_moneybookers) { $ammhamoneyid = array('ammh7',); $ammhamoneytitle = …

    Asked by lev99, October 6, 2015

    • php
    0 votes
    21 answers
14. Количество объектов в function

    Здравствуйте. Использую простенькую функцию: function hide(nodeId){ var node = document.getElementById(nodeId); if (node) { node.style.display = 'none'; } }function show(nodeId){ var node = document.getElementById(nodeId); if (node) { node.style.display = 'inline'; } }Так вот. У меня несколько картинок(объектов) и замысел в том, чтобы при нажатии на одну кнопку - появлялась одна картинка, а все остальные исчезали Прописал вот что: onclick="show('car'),hide('car2','car3','car4','car5','car6')"Так вот, в итоге, почему-то hide применяется не ко всем объектам, которые я прописал, а только к первым 2 (или 3), остальные игнорируют функц…

    Asked by f1nik, October 6, 2015

    • function
    0 votes
    3 answers
15. Uncaught SyntaxError: Unexpected token =>

    $currencies88 = array( 'WMR' => 'P', 'WMZ' => '$', 'WME' => '€', 'WMU' => '₴', 'WMB' => 'Br', ); echo "<div class=\"cont1\" style=\"text-align: center;\">"; echo "<div id=\"ammh15\" class=\"ctynh15\" style=\"text-align:center;\"></div>"; echo "</div>"; echo "$off_intrerst"; echo "<form id=\"wm-pay\" action=\"".$wm_url_adds."\" method=\"post\" target=\"_blank\"><div class=\"cont1\" style=\"text-align: center;\">"; if ($wmval_on == 1) { $javaScript = <<< JAVASCRIPT <script type="text/javascript"> function donateChangeCurrency( ) { var selection1Obj = document.getElementById( 'wm-pay-3' )…

    Asked by lev99, October 3, 2015

    • php
    0 votes
    18 answers
16. Не срабатывает событие

    Добрый день! Столкнулся с проблемой. На сайте нужно написать простой скрипт, там подключен jquery , но при когда я вкшаю клик на какой то элемент то ничего не срабатывает, срабатывает только если я пишу так document.addEventListener("click", function(){ alert("Hello World!"); }); а если обращаюсь к какому то ID то не работает, как туту к примеру document.getElementById("megafooter").addEventListener("click", function(){ alert("Hello World!"); });пробовал вешать клик и через jquery, и на другие элементы но ничего не работает. в чем может быть проблема? и как возможно такое отловить? ссылка на сайт

    Asked by laliev, September 26, 2015

    0 votes
    7 answers
17. undefined в цикле

    помогите пожалуйста исправить блок на страничке выводятся четыре новости. проблема в том, что перед первой новостью выводится надпись 'undefined'. хотелось бы от неё избавиться

    Asked by cyklop77, September 17, 2015

    • json
    • ajax
    0 votes
    2 answers
18. jQuery. Бесконечная карусель

    Всем привет. Начал изучение js и jQuery, написал простенькую тестовую карусель. Вот код: http://jsfiddle.net/LOL1/utxmto66/ Возникло несколько вопросов: 1) Слайдер работает если дожидаться анимации перехода, но если кликать быстро, контейнер со слайдами просто вылетает за пределы. Как это исправить? 2) Допустим, у меня есть функция, с помощью которой слайды периодически переключаются сами(setinterval/settimeout). При клике пользователем на слайды эта функция должна выключаться(это понятно как), но как снова её включить? Т.е. если пользователь не кликает на слайды, то включить функцию. Такого события как "не кликает" нет))) (можно сделать с помощью .mouseleave(), но…

    Asked by VeniVidiVici, August 30, 2015

    • jQuery карусель
    0 votes
    7 answers
19. Действие, когда заполнено поле

    Нужно чтобы как только пользователь заполнил определенное поле формы (но еще не отправил форму) выполнялся код. Как вычислить такое событие?

    Asked by Kypaku, September 2, 2015

    0 votes
    4 answers
20. Как избежать повторение одного и того же когда на разных страницах

    Я только недавно начал создавать свой первый сайт и понял что на каждой странице у меня повторяется шапка и низ сайта, а меняется лишь немного текста в центре. Есть ли в html php или javaScript, что-то типо "функции", чтобы можно было вставить одно слово(тег, что-то), которое замениться на набор текста и html тегов? P.S. Я не знаю каким образом это реализовывается поэтому предположил что эта тема должна быть в разделе по javaScript.

    Asked by RuslanT007, August 31, 2015

    0 votes
    9 answers
21. JQuery вывод спец. символов

    Добрый день. Подскажите пожалуйста как заставить .text() выводить спец.символы? Т.е. мне нужно что бы .text("«Back"); выводил <<Back

    Asked by jdk, August 27, 2015

    0 votes
    1 answer
22. Вывести значение select в другом div

    Есть список, состоящий из 9 городов, при выборе города должен отображаться соответствующий телефонный номер. Вот код select: <select> <option value="0">Россия</option> <option value="1">Краснодар</option> <option value="2">Екатеринбург</option> <option value="3">Москва</option> <option value="4">Новосибирск</option> <option value="5">Самара</option> <option value="6">Ростов-на-Дону</option> <option value="7">Нижний Новгород</option> <option value="8">Ярославль</option> <option value="9">Уфа</option> <option value="10">Тв…

    Asked by IvanRu08, August 23, 2015

    0 votes
    7 answers
23. Как заставить работать css()?

    Всем привет. Пытаюсь изменить св-во элемента через jQuery, вот код скрипта: jQuery(document).ready(function() { //Показываем иконку поиска при нажатии $('.searchfield').click(function() { $('.search-bg').css('background-position', '-25px 0px') }); $('body').click(function() { $('.search-bg').css('background-position', '0px 0px') });}); Нужно чтобы при нажатии на само поле иконка смещалась, а при нажатии на другое место возвращалась на место. Если убрать обработчик клика с body, то все работает. Вот свойства .search-bg .search-bg{ position: absolute; top: 13px; right: 12px; width: 25px; height: 25px; background: url(images/search-icon.png) no-repeat;}

    Asked by IvanRu08, August 22, 2015

    0 votes
    3 answers
24. Предзагрузка массива изображений

    Здравствуйте. У меня есть такой код, упрощенный для примера: for(var i = 0; i < 10; i++){ for(var j = 0; j < 10;j++){ var img = new Image(); img.onload = (function (i,j,img) { return function () { // do something }; }(i,j,img)); };};который я использую для предзагрузки изображений, которые потом рисую на канве. Но здесь нет кода, который бы отслеживал, когда все изображения будут использованы. Я его немного усовершенствовал, но у меня не получается увеличивать переменную loaded, она всегда равна 0 и после увеличивается на 1, тоесть равна 20 она никогда не будет. var loaded = 0;for(var i = 0; i < 10; i++){ for(var j = 0; j < 10;j++){ …

    Asked by alex_web64, August 21, 2015

    0 votes
    1 answer
25. Помогите с popUP окном на jQuery

    Всем привет. Необходимо сделать всплывающую форму на jquery. Перепробовал много решений из интернете, ни одно не работает по нормальному. Вот код формы: <div class="popup"> <form action="#" name="popup-form"> <label for="user-name">Имя</label> <input type="text" id="user-name" name="user-name" required> <label for="phone-number">Телефон</label> <input type="text" id="phone-number" name="email" required> <input type="submit" value="Отправить"> </form></div>Вот стили для нее: .popup{ width: 378px; height: 240px; padding: 15px 0 15px 21px; border: 1px solid #ff7d01; …

    Asked by IvanRu08, August 18, 2015

    0 votes
    16 answers