JavaScript

4,723 questions in this forum

1. jQuery. Бесконечная карусель

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

   Asked by VeniVidiVici, August 30, 2015

   • jQuery карусель
   0 votes
   7 answers
2. Не срабатывает событие

   Добрый день! Столкнулся с проблемой. На сайте нужно написать простой скрипт, там подключен 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
3. Не работает скрипт в чем может быть ошибка

   Написал скрипт все работало, потом перекрутил и все сломалось: http://ts.ca01022.tmweb.ru/ Не могу разобраться в чем беда? и второй вопрос как такой скрипт оптимизировать, если таких скриптов нужно сделать 46 штук.?

   Asked by daggi, March 4, 2016

   • Проблемы со скриптом
   0 votes
   7 answers
4. Сохранение исходного кода.

   Здравствуйте! Мне нужно реализовать простую на первый взгляд задачку. Сохранять исходный код открытых в браузере страниц в файл. Для этого я использую расширение которое отправляет код на локальный сервер - а он уже и сохраняет. Но такое работает только для http, а для https он выдает ошибку crossdomain соединение.

   Asked by Kypaku, June 11, 2015

   • javacript
   • extensions
   0 votes
   6 answers
5. Помогите разобраться с двумя задачами на js

   Выполяю задания из книги по js: 1. Списки Списки удобны тем, что они могут делиться частью своей структуры. Например, можно сделать два списка, {value: 0, rest: list} и {value: -1, rest: list}, где list – это ссылка на ранее объявленную переменную. Это два независимых списка, при этом у них есть общая структура list, которая включает три последних элемента каждого из них. Кроме того, оригинальный список также сохраняет свои свойства как отдельный список из трёх элементов. Напишите функцию arrayToList, которая строит такую структуру, получая в качестве аргумента [1, 2, 3], а также функцию listToArray, которая создаёт массив из списка. Также напишите вспомогательную фун…

   Asked by grafnet, April 19, 2015

   • рекурсия
   • глубокое сравнение
   • список
   0 votes
   5 answers
6. Как спрятать скроллбар?

   Собственно вопрос в заголовке темы. Мне надо скроллбар сделать невидимым, но чтобы при прокрутке колёсиком страница скролилась. Как? Погуглил - узнал 2 варианта - сделать вложеный див, либо использовать JS. 1 вариант - в приципе не нравится, да и ещё чтобы что что-нибудь прокручивалось нужно тыкнуть в область дива. По поводу 2 варианта ничего так и не нашёл. Не подскажите как мне реализовать описанное выше?

   Asked by diargon345, April 19, 2015

   0 votes
   5 answers
7. Как отменить действие скролла?

   Всем доброго времени суток! Требуется помощь в решении такой вот проблемы: В js-файле имеется вот такой вот код $(window).scroll(function () { // тут какой-то код }); И этот js-файл подключается ко многим страницам. Но на некоторых действие при скролле не требуется. Так вот как можно его отменить? И еще вопрос по той же теме: Почему javascript выполняет оба кода, кода они расположены на одной страницы друг под другом, а не перезаписывает один другим? Как это работает? $(window).scroll(function () { // тут какой-то код 1 }); $(window).scroll(function () { // тут какой-то код 2 }); Спасибо всем, кто откликнется!

   Asked by Antoshka007, April 27, 2015

   • js
   • javasctipt
   • scroll
   • web
   0 votes
   5 answers
8. Вопрос на тему JQuery Trickshots

   Всем привет! Такой вот вопрос по JQuery Trickshots: Для чего в setTimeout использовать такую запись 'r('+f+')' и почему именно 9 миллисекунд? r(function(){ alert('DOM Ready!');})function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}

   Asked by Antoshka007, August 12, 2015

   • js
   • javascript
   • jquery
   • trickshots
   0 votes
   5 answers
9. Как связать переменную в ng-repeat?

   Всем привет! Не так давно я задавал вопрос по поводу связывание внутри ng-repeat. Проблема была в том, что внутри блока с ng-repeat angular создает собственный scope для переменных внутри него и никак не привязывает их к переменным в scope контроллера. Вот пример кода представления: <li ng-repeat="item in items"> <div>{{item.name}}</div> <input ng-model="newItemName"></li>Не смотря на то, что в scope контроллера есть переменная newItemName, она никак не связана с той, что используется в input. Проблему я решил следующим образом: <li ng-repeat="item in items"> <div>{{item.name}}</div> <input ng-model="$parent…

   Asked by Antoshka007, August 16, 2015

   • angular
   • angularjs
   • js
   • javascript
   • ng-repeat
   • ng-model
   0 votes
   5 answers
10. Сравнение двух дат и времени

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

    Asked by alex_web64, October 23, 2015

    0 votes
    5 answers
11. Не определяет элемент 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
12. Проблема с ссылками при прокрутке

    Сделал вот такой эффект прокрутки вглубь сайта с появляющимися картинками и исчезающими когда прокручиваешь. let zSpacing = -1000, lastPos = zSpacing / 5, $frames = document.getElementsByClassName('frame'), frames = Array.from($frames), zVals = [] window.onscroll = function() { let top = document.documentElement.scrollTop, delta = lastPos - top lastPos = top frames.forEach(function(n, i) { zVals.push((i * zSpacing) + zSpacing) zVals[i] += delta * -5.5 let frame = frames[i], transform = `translateZ(${zVals[i]}px)`, opacity = zVals[i] < Math.abs(zSpacing) / 1.5 ? 1 : 0 frame.setAttribute('style', `transform: ${transform}; opacity: ${…

    Asked by titanushkaD, March 30, 2022

    • css
    • js
    • html
    0 votes
    5 answers
13. Порядок gulp конкатенации!

    Всем привет! На днях столкнулся с такой проблемой: gulp-concat собирает файлы не в том порядке, в котором мне нужно. Из-за этого скрипт работает неправильно. Пробовал менять местами элементы массива в gulp.src() - не помогло. Может кто знает, как работает эта штука и как изменить порядок конкатенации файлов? Спасибо!

    Asked by Antoshka007, July 4, 2015

    • gulp
    • gulp-concat
    • concat
    0 votes
    4 answers
14. Действие, когда заполнено поле

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

    Asked by Kypaku, September 2, 2015

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

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

    Asked by slo_nik, October 13, 2015

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

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

    Asked by Alarr, October 21, 2015

    0 votes
    4 answers
17. jQuery.index() и другие моменты)

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

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

    0 votes
    4 answers
18. Получить ссылку с xml

    Здравствуйте. Есть такой xml-код <?xml version="1.0" encoding="UTF-8"?><ajax><cmd><![CDATA[<div class="success"><b>success</b></div><br><br>[ <a href="http://mysite.com/link/1/1-1-0-16" target="_blank">my link</a> ]]]></cmd></ajax>Мне необходимо получить с него число 16. Прошу вашей помощи в написании regexp, или другого решения. Мои попытки не увенчались успехом.

    Asked by alex_web64, December 30, 2015

    • xml
    0 votes
    4 answers
19. Интересная JQuery задачка

    Есть два контейнера, в каждом по 4 дива. https://jsfiddle.net/y3L89Ldf/ Как можно сделать так, что бы каждые две секунды, рандомный блок из верхнего контейнера менялся на рандомный блок из нижнего? И так, что бы в верхнем контейнере не было одинаковых блоков, и что бы верхний блок, не менялся два раза подряд на один из нижних. Походу надо сделать что бы при смене верхнего блока, он менялся местами с нижним, что бы нижний потом тоже мог рандомно стать обратно в верхний контейнер? Спасибо тем, кому будет интересно одолеть задачу

    Asked by Alarr, February 9, 2016

    • JQuery
    • js
    • javascript
    0 votes
    4 answers
20. параметры по умолчанию

    помогите пожалуйста разобраться так я передаю параметры для начала игры и сообщений об ошибке в консоли нет. а значит в app.options.level записано определённое значение а так я не передаю параметры для начала игры, следовательно в app.options.level должно записаться значение по умолчанию: 1. то есть должна отработать вот эта инструкция: this.options = { level: options.level || 1 ... ..... ....}но этого не происходит. в результате я получаю в консоли сообщение об ошибке: почему так происходит? ведь оператор || должен присвоить или одно или другое

    Asked by cyklop77, February 11, 2016

    • js
    0 votes
    4 answers
21. У меня не получается активировать кнопку Enter.

    Не думал что буду обращаться сюда. Я написал простую игру на JS. Активировать кнопку Enter не получается. Пытался найти решение в интернете. Если кому-то не трудно, помогите пожалуйста. Ещё подскажите в какую строку вставить активацию. Игру загрузил на бесплатный хостинг, можете посмотреть: http://f0535962.xsph.ru <!DOCTYPE html> <html lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Guess</title> <style> html { font-family: sans-serif; font-size: 25px; text-align: center; color: white; } body { …

    Asked by dislav, May 11, 2021

    0 votes
    4 answers
22. Вкладки с динамической подгрузкой

    Помогите пожалуйста понять как создать вкладки с динамической подгрузкой данных. Причём, внутри вкладок должен быть iframe либо скрипт. Всего должно быть 3 вкладки. Нашел вот такое решение: <span class="address-link" data-target-id="target-div-7">вкладка</span> <div id="target-div-7"></div> Код скрипта: $('.address-link').click(function(){ var targetId = $(this).data('target-id'); $('#' + targetId).html('<iframe код айфрейм></iframe>'); }); Решение рабочее, но это НЕ вкладки и этот код НЕ работает если вместо iframe использовать скрипт.

    Asked by alleclf, May 16, 2021

    0 votes
    4 answers
23. Помощь с javascript и загрузкой данных

    Здравствуйте. Имеется рабочий скрипт конвертера валют. https://ilyamio.github.io/currencyconverter/ Мне необходимо изменить источник загрузки курсов на ЦБ РФ вот по этой ссылке: https://www.cbr.ru/scripts/XML_daily.asp А также мне необходимо установить ограничение на количество обращений к сайту ЦБ РФ - 1 раз в сутки. При частом обращении, могут заблокировать. Вот в этом js файле находятся настройки конвертера: const from_currencyEl = document.getElementById('from_currency'); const from_ammountEl = document.getElementById('from_ammount'); const to_currencyEl = document.getElementById('to_currency'); const to_ammountEl = document.getElementById('to_ammoun…

    Asked by ilyamio, August 1, 2022

    • javascript
    • конвертация
    • калькулятор
    • помощь
    0 votes
    4 answers
24. Не получается переключить слайдер с помощью JS

    Вот сам слайдер http://codepen.io/anon/pen/YPRQjo Радиобаттоны функционируют. Но стрелочки не получается привести в действие. Думаю, лучше это сделать с помощью JS. Уже пробовал с помощью нажатия стрелки включать display:block у определенного слайда. Но что-то не получилось. Подскажите как лучше реализовать это?

    Asked by yaparoff, March 16, 2015

    • слайдер Javascript
    0 votes
    3 answers
25. Как установить класс на родительский элемент если есть влож тег с определенным классом

    <ul id="menu-verxnee-menyu"> <li><a href="/spravka-ob-otsutstvii-sudimosti/">----</a></li> <li class="vl"> <a href="/registraciya-ooo/">ООО и ИП</a> <ul class="sub-menu"> <li><a href="/registraciya-ooo/">---</a></li> <li><a href="/oficialnaya-likvidaciya-ooo-i-ip/">---</a></li> </ul> </li> <li><a href="/kontakty/">Контакты</a></li></ul>как на тег ли родительский установить class="vl" (как в примере выше) если есть вложенность <ul class="sub-menu"> . те мне нужно устанавливать н…

    Asked by daggi, July 29, 2015

    0 votes
    3 answers