JavaScript

4,723 questions in this forum

1. JQuery плагин для просмотра сферических панорам нс странице сайта, с масштабированием поля картинки

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

   Asked by Ron2, May 11, 2017

   • jquery плагин для просмотра сферических панорам нс странице сайта с масштабированием поля картинки
   0 votes
   0 answers
2. Максимальная оптимизация изображений в 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
3. Необходимо вставить в скрипт увеличения картинки, в скрипт просмотра панорамы 360

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

   Asked by Ron2, May 9, 2017

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

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

   Asked by doc07, May 10, 2017

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

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

   Asked by doc07, May 10, 2017

   0 votes
   0 answers
6. Разработка JavaScript-программы с применением слоев

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

   Asked by doc07, May 10, 2017

   0 votes
   0 answers
7. Правильная конструкция

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

   Asked by Schamil74, May 10, 2017

   • toggle menu
   • hamburger
   0 votes
   5 answers
8. Интерполяция выражений

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

   Asked by Schamil74, May 20, 2017

   • ecma script 2015
   0 votes
   4 answers
9. Scroll animations

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

   Asked by Schamil74, May 22, 2017

   • scroll animations
   0 votes
   1 answer
10. Используя jquery validate модуль задизейблить кнопку "Submit"

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

    Asked by mstdmstd, May 26, 2017

    0 votes
    1 answer
11. Прилипание меню

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

    Asked by Vlad_P, June 1, 2017

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

    Здравствуйте. Есть страница, на которой, если кликнуть по кнопке "Заказ в 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
13. jquery Нужна помощь в создании jquery скрипта для сайта

    <div class="wrap" id="post_1"> <div class="post"> <div class="post-header"> <h2 class="post-name">Заголовок</h2> </div> <div class="post-content-desc"> <p class="content-desc-p">краткое описание статьи</p> </div> <div class="post-content" style="display:none;"> <p class="content-p">полный текст статьи</p> </div> <a href="" class="content-desc-button">Подробнее..</a> </div> </div> задача, нужно при нажатии на кнопку "Подробнее" скрыть див с классом post-content-desc, и открыть див с классом post-content, при этом пос…

    Asked by Ролан, June 2, 2017

    • html
    • css
    0 votes
    4 answers
14. задачка с learn.javascript.ru

    помогите разобраться в коде, разве на 14 строке перед text += piece не должен стоять return, иначе как тогда alert все это выводит?

    Asked by Rimming, June 7, 2017

    0 votes
    2 answers
15. Задачка JS

    Изучаю JS, решаю задачки. C первым справился, а вот со вторым ступор + вопрос про запись ключей

    Asked by Schamil74, June 8, 2017

    • javascript
    0 votes
    23 answers
16. Можно ли добавить стиль к имеющемуся блоку стилей, а не встраивать в тег?

    Здравствуйте! Через методы javascript есть возможность добавлять стили встроенным способом в тело тега, что не приветствуется. А можно ли добавлять их к уже имеющимся стилям для какого-то дескриптора?

    Asked by borus, June 9, 2017

    0 votes
    1 answer
17. табы запоминают выбор вкладки

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

    Asked by Николя223, June 11, 2017

    • bootstrap
    • tabs
    0 votes
    0 answers
18. Работа с аудио в js

    Как сделать так, чтобы при включении аудио на сайте, уже включённое ранее аудио останавливалось? Они просто проигрываются вместе!

    Asked by Sans, June 13, 2017

    • audio
    • js
    • javascript
    • web
    • аудио
    • скрипт
    • сайт
    • веб
    0 votes
    4 answers
19. Почему на мобильном по разному работает зум 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
20. При использовании 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
21. Вывод divов

    Доброго времени суток, недавно начал изучать js нужна помощь в таком вопросе: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Первый сайт</title> <link rel="stylesheet" href="css/styles.css"> </head> <body> <div id="a"></div> <div id="a"></div> <div id="a"></div> <div id="a"></div> <div id="a"></div> <div id="a"></div> <div id="b"></div> </body> <style> #b{ height:100px; width:100px; background:grey; float:left; margin-right:2px; } #a{…

    Asked by imakhortykh, June 18, 2017

    0 votes
    5 answers
22. панорама Настройка параметров скрипта для просмотра панорамных фото в 3D проекции

    Кто нибудь сможет помочь в решении такой проблемы - я долго искал скрипт, который мог бы обеспечить просмотр панорамных фото в 3D проекции, нашел один скрипт но он предназначен для камер с двумя объективами (для вот такой http://trud.kish-host.ru/lena/s-l1600-12.jpg?i=1), которая на одном фото рядом располагает две картинки ( http://trud.kish-host.ru/lena/6.jpg ) с противоположно разнесенными на 180° объективами и отображает фото на все полноценные 360° (полный шар). А у меня камера с одним объективом и делает фото только в сфере (т.е. чуть больше пол шара проекции, на вот такие углы - http://trud.kish-host.ru/lena/44.jpg ). И в итоге мое одинарное фото http://tr…

    Asked by Ron2, June 19, 2017

    • скрипт
    • jpg
    0 votes
    0 answers
23. Помогите допилить js скрипт

    Здравствуйте помогите пожалуйста допилить скрипт Нужно чтобы при нажатии на .sendmailOn, .feedbackOn не отрабатывала функция getWindow() $(document).ready(function() { function cookieses() { alert ('click'); $.cookie('smartCookies', true, { expires: 31, path: '/' }); } $('.sendmailOn, .feedbackOn').on('click', function(event){ cookieses(); } ); (function($) { $(function() { if (!$.cookie('smartCookies')) { function getWindow() { $('.offer').arcticmodal({ closeOnOverlayClick: true, closeOnEsc: true }); $('#mark').addClass("good"); …

    Asked by SkyRewir, June 22, 2017

    • js
    • скрипт
    • новичек
    0 votes
    0 answers
24. проблема с кроссдоменным запросом

    помогите пожалуйста решить проблему с кроссдоменным запросом. я расположил бекенд на одном сервере, а фронтэнд на другом. теперь при помощи ajax-запроса фронтэнд-скрипт не может получить данные из бекэнда вот адрес, по которому можно получить данные: http://zlodiak.pythonanywhere.com/days/1497104260/1497968260 тут лежит мой скрипт, который отправляет ajax-запрос по вышеуказанному адресу. ajax-запрос отправляется после того как пользователь в первом датепикере выбирает дату '2017-06-01', а во втором датепикере выбирает дату '2017-06-30'. затем нажимает кнопку субмита в результате консоль говорит о том, что кроссдоменный запрос не разрешён: я пробо…

    Asked by cyklop77, June 27, 2017

    • javascript
    • ajax
    0 votes
    3 answers
25. Не работает самописный scrollTop в некоторых браузерах

    Подскажите в чем может быть проблема, данный скрипт работает в FF 54, но работает только частично в Chrome 59, и Opera 45, причем в Opera 12.18 работает прекрасно. В хроме и 45 опере не появляется кнопка "наверх" при прокрутке на высоту экрана или переходе по якорю, в лисе и старой опере все работает нормально. ("рыбный текст" был вырезан чтобы не занимать место) скрипт: Скрытый текст $(function () { $('.menu a').on('click', function (e) { e.preventDefault(); $('.menu a').removeClass('active').filter(this).addClass('active'); var selector = $(this).attr('href'); var h = $(selector); $('html, body').animate…

    Asked by AlexZaw, June 30, 2017

    • scrolltop
    0 votes
    1 answer