JavaScript

4,723 questions in this forum

1. Как отправить форму,заблокированную вспомогательной функцией?

   Здравствуйте. Есть страница, на которой, если кликнуть по кнопке "Заказ в 1 клик", всплывает форма заказа. Для того, чтобы форма скрывалась при клике по чему-то вне её(это значит по div#aux) есть обработчик: jQuery("#aux").click( function() {//функция, скрывающая форму jQuery("#contactForm_oneclick").fadeOut(); jQuery("#window").fadeOut(); jQuery("#aux").css("display","none"); jQuery("html,body").css("overflow","auto"); } ); Чтобы по клику по самой форме(div#contactForm_oneclick) не срабатывал вышеуказанный обработчик, есть обработчик клика по форме: $("#contactForm_oneclick").click( function(){ return false; }) но он блокирует отправку данных …

   Asked by borus, June 2, 2017

   0 votes
   6 answers
2. Прилипание меню

   Доброго времени суток. есть сайт http://klinket.ru/ со сложной логикой скролла меню и каталога. В момент прокрутки длинного меню (выбрать пункт арматура) в момент прилипания его к нижней части экрана, происходит рывок. Заказчику он не нравится. Я долго пытался понять откуда он происходит. Мне кажется, может я и ошибаюсь, что прилипание происходит в момент движения колесиком, без учета времени скролла. Посоветуйте пожалста, что тут можно сделать

   Asked by Vlad_P, June 1, 2017

   0 votes
   0 answers
3. Используя jquery validate модуль задизейблить кнопку "Submit"

   Всем привет, Используя jquery validate модуль и submitHandler событие для верификации данных на клиенте можно можно ли привязать валидные ли в данные в окне с тем чтобы кнопка "Submit" была задизейблена если данные не валидные или какое-то поле незаполнено ? Если да то как и можно ли примерчик? спасибо !

   Asked by mstdmstd, May 26, 2017

   0 votes
   1 answer
4. Scroll animations

   Всем привет! Есть такая проблема. При скроллинге срабатывает анимация, но после цикла анимации отказывается работать :hover {transform: scale(1.1);} Причину я нашел, но устранить не могу))) Как я понимаю скрипт создает класс анимации, свойства этого класса перебивают :hover {transform: scale(1.1);} Более подробно здесь.

   Asked by Schamil74, May 22, 2017

   • scroll animations
   0 votes
   1 answer
5. Интерполяция выражений

   Всем привет! А что не так то здесь? http://cssdeck.com/labs/l9wxq5mq

   Asked by Schamil74, May 20, 2017

   • ecma script 2015
   0 votes
   4 answers
6. Jade

   Всем привет, такой вопрос, начал юзать jade, но двойной include сделать не получается, например я делаю include в index.jade файла page-header.jade а в не написан include main-nav.jade. Дак вот как можно ему указать родительский каталог?

   Asked by Endorphin, May 14, 2017

   • jade
   • javascript
   • gulp
   0 votes
   1 answer
7. JQuery плагин для просмотра сферических панорам нс странице сайта, с масштабированием поля картинки

   Доброго дня всем! В общем после долгих стараний, мне все таки удалось совместить панорамный вьюер с скриптом увеличения картинки на странице сайта, при наведении на нее курсора мыши. Только вот возникла следующая проблема с отображением картинки на экране, а т.е. теперь при наведении курсора, панорамный вьюер и скрипт увеличения картинки, обеспечивают одновременно панорамный просмотр и увеличение ее размера внутри маленького "окна" с уходом части изображения в невидимую зону (т.е.в изначальном поле картинки с размером 300х169px) а мне нужно что бы это поле расширялось на странице до 600х400px. И желательно класс картинки class="panorama" поменять на class="catalog_vi…

   Asked by Ron2, May 11, 2017

   • jquery плагин для просмотра сферических панорам нс странице сайта с масштабированием поля картинки
   0 votes
   0 answers
8. Правильная конструкция

   Всем привет! Уважаемые гуру JS! В примере все работает, но с JS пока на вы. Помогите собрать правильную конструкцию в JS части

   Asked by Schamil74, May 10, 2017

   • toggle menu
   • hamburger
   0 votes
   5 answers
9. Разработка JavaScript-программы с применением слоев

   Создать во внутреннем слое плавное перемещение трех иконок (небольшого размера) случайным образом не выходя за размеры экрана. По кнопке прятать или открывать этот слой.

   Asked by doc07, May 10, 2017

   0 votes
   0 answers
10. Разработка JavaScript-программы для обработки событий в различных фреймах

    Создать программу вывода списка всех форм другого фрейма в виде горизонтальной таблицы различными шрифтами, зависящими от номера элемента в списке, если курсор мыши попал на численное поле, в котором при вводе не оказалось букв.

    Asked by doc07, May 10, 2017

    0 votes
    0 answers
11. Разработка JavaScript-программы для показа свойств различных объектов

    Вывести список всех элементов указанного при вводе ниспадающего меню формы.

    Asked by doc07, May 10, 2017

    0 votes
    0 answers
12. Необходимо вставить в скрипт увеличения картинки, в скрипт просмотра панорамы 360

    Здравствуйте. У меня такой специфический вопрос, на моем сайте имеется скрипт для увеличения картинки при наведении на нее курсора мыши. Но я планирую на место обычных фото в jpg формате, вставлять иногда и фото сферических панорам в том же jpg формате. Но при этом желательно что бы два скрипта работали вместе, а т.е. поясню, при наведении мыши на картинку требуется что бы происходило ее увеличение в экране браузера, а так же при этом на увеличенной картинке при нажатии левой кнопкой мыши необходимо, что бы была бы возможность двигая ею по полю данной панорамной картинки вызывать ее вращение на 360° относительно ее окна. У меня есть простой "панорамный" скрипт, но он по…

    Asked by Ron2, May 9, 2017

    0 votes
    1 answer
13. Максимальная оптимизация изображений в Gulp

    Здравствуйте! Может кто нибудь подсказать, как лучше всего настроить gulp-imagemin для оптимизации изображений, чтобы google PageSpeed не ругался? Я использую стандартные настройки этого плагина: gulp.task('imagemin', function() { return gulp.src(['app/img/**/*.+(jpg|png)') .pipe(imagemin()) .pipe(gulp.dest('dist/img')); }); К примеру если я ужимаю те же картинки на TinyPNG, то получается гораздо лучше, но это ручной способ... Может к этому плагину нужно какие то дополнения? Или есть более лучший вариант? Заранее благодарен за помощь!

    Asked by Akkord87, May 4, 2017

    0 votes
    2 answers
14. Кнопка перехода с главной страницы сайта по гиперссылке введенной в поле строки

    Здравствуйте. Может кто нибудь поможет подкорректировать нижеприведенный скрипт, который осуществляет возможность добавления в текстовом поле строки скрипта после нажатия кнопки "Напишите логин пользователя и нажмите кнопку для перехода на его страницу", переход (переадресацию) с html страницы сайта на имя каталога этого же сайта, который вводится в строке расположенной над кнопкой. Хочу так реализовать переход с дополнительной страницы сайта на странички пользователей нашего клуба, что бы не писать их адрес целиком а добавлять только имя каталога. Все в скрипте нормально работает, только вот не могу сделать так, что бы в строке браузера после нажатия на кнопку (допус…

    Asked by Ron2, April 30, 2017

    0 votes
    11 answers
15. Подскажите плагин для Gulp для объединения CSS правил

    Здравствуйте Обнаружил, что плагин, который я использовал в Gulp для минификации - "gulp-clean-css" не объединяет стили. Пример: .test { background: black} .test { margin-top: 10px margin-bottom: 20px} На выходе хотелось бы увидеть: .test{background: black;margin:10px 20px 0 0} Но сам плагин проводит минификацию, а сами свойства не объединяет... Может кто подсказать плагин, который отвечает именно за чистку кода (объединение правил CSS)?

    Asked by Akkord87, April 28, 2017

    0 votes
    3 answers
16. jQuery селектор как переменная

    $(".owl-carousel.items5").owlCarousel({ items: 5, autoPlay: 20000, navigation: true, pagination: false, navigationText: ['<i class="fa fa-chevron-left fa-2x"></i>', '<i class="fa fa-chevron-right fa-2x"></i>'], }); $(".owl-carousel.items6").owlCarousel({ items: 6, autoPlay: 20000, navigation: true, pagination: false, navigationText: ['<i class="fa fa-chevron-left fa-2x"></i>', '<i class="fa fa-chevron-right fa-2x"></i>'], }); Примерно такой код приходится писать для всех каруселей на сайт…

    Asked by d0ublezer0, April 27, 2017

    0 votes
    3 answers
17. Как в ссылку вставить скрипт на отправки формы поиска с текстом?

    Есть такая ссылка: <a href="#search-searchword" onclick = "document.querySelector('#search-searchword').value = this.innerText;">Чудо</a> Как сюда вставить скрипт, чтоб выполнялся поиск с нужным мне текстом. То есть отправки формы.

    Asked by rsd, April 25, 2017

    • ссылка
    0 votes
    0 answers
18. Защита кода от просмотра

    Пишу html 5 игру и собираюсь разместить у себя на сайте и возник вопрос как защитить игру от просмотра и от кражи. Например во flash даже если удастся взломать через декомпилятор, то не каждый будет копаться в as 3.0. коде. То здесь все наведу можно копировать и сохранять к себе на жесткий диск менять параметры и смотреть на результат. Я бы и дальше делала игры на flash AS 3.0. но он устарел и на телефонах больше не идет.

    Asked by Katerina23, April 24, 2017

    • javascript
    • html5
    0 votes
    8 answers
19. поочередное отображение иконки в раскрывающемся диве

    Всем привет! Подскажите с задачей! Как сделать нормальную работу стрелок? При втором цикле кликанья нормально работает только третий элемент. Здесь можно экспериментировать

    Asked by Schamil74, April 22, 2017

    • hide visible
    0 votes
    2 answers
20. Простой раскрывающийся список

    Привет. Обрабатываю логи syslog питоном. Потому что читать полугиговый текстовый файл нереально, хочу выгрузить их в html виде: Интересует именно возможность группировки/скрытия сообщений Т.е. 3х уровненая структура с возможностью скрытия/раскрытия 2 и 3 уровней. Никаких украшательств, стилей и тд не нужно. Подскажите пожалуйста, каким образом можно сделать одним файлом описанное выше представление. Возможно сможете предложить более простое и удобное решение данной проблемы. Заранее спасибо.

    Asked by ototukmv, April 20, 2017

    0 votes
    2 answers
21. Скрыть некоторую часть строки системы для онлайн редактирования страниц html

    Добрый день. Может кто подскажет как решить такой вопрос: У меня на сайте имеется система для онлайн редактирования страниц html. Так вот при активации данной системы вверху редактируемой страницы появляется горизонтальная строка с "Настройками" и разными "Меню". Мне необходимо скрыть некоторую часть этой строки, что бы некоторые любопытные пользователи не лезли куда не надо и не сбивали настройки. Пробовал закрыть эту зону, с помощью наложения картинки, и придания разных свойств этой картинке при помощи команд: position:fixed, z-index, разных скриптов для модальных окон. В общем ничего не получается, строка меню автоматически опускает верхнюю часть страницы вниз (под с…

    Asked by Ron2, April 19, 2017

    0 votes
    1 answer
22. Остановка всплытия

    $('.b_70543').click(function (e) { var t = e.target; e.preventDefault(); e.stopPropagation(); if ((t.tagName = "A") || (t.className = "item-data")) { $('.m_modal').addClass('show'); if ($(t).data('btn') === 'button') { var parent = $(t).parent().parent().parent().parent(); } else { var parent = $(t).parent().parent(); } console.log(parent); var productArr = $(parent).find('.content-wrapper .content-holder .title-holder .title p').text(); var productArr = productArr.split(' | '); var productName = productArr[1]; var descr = productArr[0]; var p = $(parent).find('.price-holder .price p').text() var price = p; // var price = price.replace(','); var inputNa…

    Asked by Endorphin, April 16, 2017

    • javascript
    • jquery
    0 votes
    2 answers
23. Angular.js ng-change

    Мне нужно реализовать, чтобы функция вызывающаяся на ng-change срабатывала, даже если я повторно выбираю option селекта

    Asked by Chainik, April 3, 2017

    0 votes
    0 answers
24. Скрипт версии для слабовидящих

    Приветствую всех. Очень нужна помощь т.к. в джава скрипт я чайник со свистком В общем есть скрипт версии сайта для слабовидящих,все работает на ура, но попросили добавить еще 2 функции: кернинг(межбуквенный интервал) и межстрочный интервал.Я нашел эти функции,но как прикрутить к действующему скрипту ума не приложу. Рабочий вариант тута Сам скрипт можно взять здесь А две функции,что я нашел вот /* ================letter_spacing============== */ function set_letter_spacing() { $('body').removeClass('spacing-normal spacing-big spacing-small').addClass($.cookie('blind-spacing')); cl=$.cookie('blind-spacing') cl=".a-" + cl $(cl)…

    Asked by yotobo, April 2, 2017

    0 votes
    13 answers
25. jquery Не срабатывает on("click", function) для динамического элемента

    В корзине динамически формируется выбор вариантов доставки, из которого должен выбираться пункт выдачи. но событие клика на варианте доставки не срабатывает для проверки работы нужно что-то положить в корзину, например https://www.road.media/avtomagnitoly/ford/5861-detail собственно, корзина: https://www.road.media/cart После клика на первом варианте (пункт выдачи СДЕК), должен раскрыться список пунктов выдачи (город у каждого будет свой, определяется автоматически по России): За раскрытие списка и обработку дальнейшего выбора пункта выдачи отвечает файл https://www.road.media/plugins/vmshipment/transportadoras/cdek_script.js Выглядит он так:…

    Asked by d0ublezer0, March 31, 2017

    • event
    • click
    0 votes
    3 answers