JavaScript

4,723 questions in this forum

1. Как остановить работу плагина, скрипта при размере экрана меньше 900px

   Доброго времени суток! Поставил на сайт вот этот плагин http://jquery-plugins.net/sticky-kit-jquery-plugin-for-making-sticky-elements . Сайт на адаптивной верстке в две колонки. При размере экрана меньше 900 пикселей эти две колонки превращаются в два блока, один под другим. Но скрипт получается не понял что ничего не надо скролить и получается один блок заезжает на другой и очень серъезно. И появилась такая идея, что надо просто остановить его работу когда экран меньше 900 пикселей, только я не знаю как. Помогите. Вот страница с демо, только надо уменьшить размер окна, чтобы она заработала http://leafo.net/sticky-kit/examples/3.html Вот сам скрипт http://leafo.net/s…

   Asked by ampsd, June 25, 2014

   • jquery
   • скриптб
   • отсановка
   0 votes
   3 answers
2. сделать локализацию input-кнопки с типом file

   Всем привет, Делая локализацию как достучаться до лейблов "Choose File" и “No File Choosen” input-кнопки с типом file https://imgur.com/a/pqeAO ? Можно задействовать jquery но у лейблов выше есть id и если есть то какие? Спасибо !

   Asked by mstdmstd, November 15, 2017

   0 votes
   5 answers
3. nicescroll.js и selecter.js = невыбирается пункт в селекте

   Здравствуйте. Для стилизации select подключил плагин selecter.js все работает. Для стилизации скролла у select подключил nicescroll.js, скролл появляется список раскрывается. Но пропадает возможность выбора пункта из списка, не выбирается ни хера. Отрубаем nicescroll.js все работает , только скроллинг стандартный. Пробовал поиграться с z-index , но что-то не наиграл. Помогите, а?

   Asked by uppercase_css, November 11, 2017

   0 votes
   5 answers
4. Работа с массивом files

   В общем, кастомно оформляю кнопку загрузки файла. С помощью JS и массива files вывожу название прикрепленного файла, но есть проблема. Допустим, я прикрепил сначала 2 файла, а потом мне захотелось прикрепить 1 файл. И по идее прошлые два файла должны исчезнуть, и появиться текущий. В моем же случае последний добавленный файл конкатенируется к двум предыдущим. Как это победить? http://jsfiddle.net/2x152yxx/

   Asked by IvanRu08, November 4, 2017

   0 votes
   2 answers
5. Реализация slideToggle() на чистом JS

   Итак, появилась необходимость раскрывать/скрывать меню с анимацией. Ради одного slidetoggle не очень хочется подключать jQuery. Поэтому возник вопрос, можно ли это относительно просто реализовать на чистом JS? Все решения, которые я нашел в интернете, очень длинные. Реализовать с помощью height 0% - 100% и transition - не вариант. При height 0% скрывает не все меню. И еще один вопрос. Стоит ли сейчас вообще использоваться jQuery в проектах? Или появились уже более легкие и современные аналоги?

   Asked by IvanRu08, November 1, 2017

   0 votes
   1 answer
6. Подключение npm модулей к проекту

   Всем привет. Есть проект с gulp. Установил через npm два модуля: bootstrap 4 и jQuery. Теперь нужно подключить их к проекту. jQuery мне нужен минимизированный, а от бустрапа только сетка. Насколько я знаю, прописывать полные пути в import не лучшая идея. Собственно вопрос. Как подключить, чтобы потом не пришлось в продакшен-папку тащить модули из node-modules? Вроде, как то можно подключить с помощью browserify или webpack, но разобраться не могу никак Заранее спасибо за ответ!

   Asked by IvanRu08, October 29, 2017

   0 votes
   5 answers
7. Утсановка Node js

   После установки Node js прописываю команду node v выскакивает вот такая ошибка

   Asked by Sinevik, October 27, 2017

   • node js
   0 votes
   1 answer
8. Практика/Задачи JavaScript

   Предлагаю оставлять в этой теме задачки для новичков, всякие задания по типу: Сделать калькулятор который будет отнимать и прибавлять от одного числа другое. И оставлять готовое решение сразу, что бы если возникают проблемы можно было решить.

   Asked by Crushing, October 27, 2017

   • javascript
   • html
   • css
   0 votes
   8 answers
9. Создание функции для генерации пунктов select

   Здравствуйте. Мне необходимо создать пункты для большого количества select'ов. Я сделал отдельную функцию, которая принимает три параметра и выглядит так: myFunc(количество итераций цикла, текст пункта, id) { var a = ... // сохраняем будем сохранять все пункты for(var i = 0; i < количество итераций цикла; i++) { $('<option />', {text: текст пункта}).appendTo(a); } $(id).append(a) } Некоторые списки нужно заполнить цифрами от 0 или 1 до [количество итераций цикла]. Просто в цикле я бы мог написать: ... {text: i} или {text: i + 1} Как подобное условие можно передать в аргументе функции? https://jsfiddle.net/7q1d22y1/

   Asked by alex_web64, October 25, 2017

   0 votes
   4 answers
10. Помогите доработать логику раскрывающегося меню

    Всем привет. Есть адаптивное меню. Нужно реализовать следующее: При нажатии на открыть меню, меню должно разворачиваться, а текст меняется на "Закрыть меню" (с горем пополам реализовал) При нажатии в любом другом месте (но не на само меню), меню должно скрываться, текст меняется опять на "Открыть меню". Это почти реализовано, однако при клике на само "закрыть меню", меню сворачивается, но текст не меняется. В общем, первый пункт при помощи интернета удалось сделать, со вторым запутался совсем. Предполагаю, что и первый пункт реализован через одно место, надеюсь, что подскажете, как лучше это сделать. Вот код: http://jsfiddle.net/6dhjb2vn/6/ …

    Asked by IvanRu08, October 25, 2017

    0 votes
    8 answers
11. Слайдер jquery

    Доброго времени суток дорогие друзья. Помогите пожалуйста решить проблему. Я сделал слайдер в программе Amazing Slider 6.6 подключил его на сайт в шапку blogger все работает только одна причина пр наведении на слайдер не всплывают стрелочки в лево и в право в чем причина? вот как я сделал https://drive.google.com/file/d/0Bz7...ew?usp=sharing https://drive.google.com/file/d/0Bz7...ew?usp=sharing вот сам слайдер https://drive.google.com/file/d/0Bz7...ew?usp=sharing И вот что получилось на сайте https://slider-jquery1.blogspot.com/ Кто знает помогите пожалуйста в чем суть.

    Asked by Сергей14, October 25, 2017

    • slider.
    • jquery
    0 votes
    0 answers
12. Как переписать переключатель языка?

    помогите пожалуйста советом и направьте в правильное русло так сказать на angular2 сделал небольшой сайт, который состоит из двух страничек: расписание и список людей. архитектурно он состоит из главного компонента и двух компонентов страничек сайт двуязычный. для этого я в главный компонент поместил стандартный material-переключатель и связал его с глобальным сервисом. в этом глобальном сервисе содержатся переменные, которые должны быть видны из любой части сайта. в частности там хранится признак установленного в настоящий момент языка переключатель в шаблоне главного компонента: <mat-slide-toggle class="toggler-lang" (click)="toggleLang()" [(ngMode…

    Asked by cyklop77, October 23, 2017

    • angular2
    • typescript
    0 votes
    0 answers
13. Как сделать пренаправление по вводу текста в поле?

    Все привет. Есть инпут ввода текста. <input id="to-search" class="form-text"> Как, сделать, чтобы по вводу в этот инпут было перенаправление на кастомный урл, например на /search=[slovo] ? Я конечно же могу наХТМЛ-ить форму типа <form action="/product-search?title" method="get"> <input class="form-text" type="search" name="title" placeholder="Поиск по сайту"> </form> но интересует, как сделать через JS / JQuery Понимаю, что вопрос легкий не обижусь если в доки ткнете.

    Asked by VasyOK{!}, October 17, 2017

    0 votes
    2 answers
14. При нажатии на кнопку выходило модальное окно

    Здравствуйте, уважаемые участники форума. Т.к. в javascript я нуб прошу у вас помощи. Есть скрипт который при нажатии на кнопку #button-oneclick происходит скролл к breadcrumb и выход сообщения error или success. Нужно что бы при нажатии на кнопку #button-oneclick выходило модальное окно с одним из этих сообщений. Заранее благодарю откликнувшихся на мой призыв о помощи! P.S. Если что то не до рассказал прошу не судить строго и задать вопрос) Собственно сам код <script type="text/javascript"><!-- $('#button-oneclick').on('click', function() { $.ajax({ url: 'index.php?route=checkout/one_click/add', type: 'post', data: $('#onecl…

    Asked by dava002, October 18, 2017

    0 votes
    4 answers
15. Кнопка выключить свет

    Есть такой код: https://jsfiddle.net/hcandrq2/10/ Нашёл код http://jsfiddle.net/uhL35f15/2/ http://jsfiddle.net/uhL35f15/11/ Объединить не получаеться https://jsfiddle.net/hcandrq2/62/ https://jsfiddle.net/hcandrq2/92/ - помогите разобраться

    Asked by lev99, October 18, 2017

    • jquery
    0 votes
    2 answers
16. слайдер Почему срабатывает клик?

    www.zebra-tara.ru на главной слайдер организован через owl carousel 2 Не понимаю, почему пролистывание мышкой влево - работает: если схватить за центр слайда и протянуть влево, а вправо - нет: выполняется переход по ссылке слайда

    Asked by d0ublezer0, October 15, 2017

    • owl carousel
    • клик
    0 votes
    5 answers
17. Создание узла с white-space через JS

    Вопрос в следующем: При нажатии на кнопку создается элемент "entireDrink ", в который добавляется input-картинка и span-текст, "entireDrink " получает тег "one" в котором указан параметр "White-space: nowrap;". При повторном нажатии на ту же кнопку меняется span-текст, а при нажатии на другую добавляется еще один такой же элемент и т.д. Мне надо, чтобы в окне div эти элементы переносились на новую строку, но не разделялась картинка с текстом, а получается, что "entireDrink "s просто множатся по оси-x. Если добавлять без White-space: nowrap, то все элементы переносятся отдельно: картинки и тексты. В другом месте, созданном заранее в html это работает…

    Asked by CreamQ, October 6, 2017

    • white-space
    • перенос
    • css
    • javascript
    • html
    0 votes
    6 answers
18. Преобразовать символ рубля "₽" в "руб."

    Так как на сайте не у всех пользователей отображается символ рубля, поэтому попросили заменить на "руб." Доступа к админке нету чтобы исправить записи, поэтому приходится делать через js. Получилось заменить с ₽ на "руб.", но хотелось бы, чтобы замена происходила только в тех браузерах, которые не отображают символ рубля. Я наивный, думал проверю так if ('₽'.charCodeAt(0) !== 8381) { Если нет сивола, то запускаем функцию замены } Но код символа рубля есть в тех браузерах, которое его не отображают.

    Asked by mrnobody, October 4, 2017

    • рубль
    • автозамена
    0 votes
    5 answers
19. Tiny MCE редактор и markdown-код

    Всем привет, В Framework 5.5.3/jquery/bootstrap приложении есть редактор содержимого(статьи и темплейты мейлов), где подключается CK Editor или Tiny MCE редакторы в зависимости от настроек Понадобилось реализовать поддержку markdown Погуглив я нашел плагин https://www.tinymce.com/docs/plugins/textpattern/ Я его подключил( отключив все остальные настройки - сделал как в описании ) Посмотреть можно тут http://ec2-34-212-140-26.us-west-2.compute.amazonaws.com/admin/cms-item/edit?id=98 Но введя небольшой кусок markdown-кода : An h1 header ============ Paragraphs are separated by a blank line. 2nd paragraph. *Italic*, **bold**, and `monospace`. Ite…

    Asked by mstdmstd, September 27, 2017

    0 votes
    0 answers
20. Срабатывание onClick

    Есть страница https://bestonlinebonuses.uk/sports/ В хроме (вебките вообще) В мобильной версии, когда что-то выбираешь в стилизованных селектах Banking Options или Choose Your Country - срабатывает событие click на элементах под ними. Срабатывает и обычная ссылка, но ее я отключил. а вот кнопки By Software Compatibility и CLOSE FILTERS - их срабатывание что-то не выходит отключить. Подскажите пожалста

    Asked by Vlad_P, September 27, 2017

    0 votes
    0 answers
21. перенос элемента из одного блока в другой при изменении размера экрана

    Всем доброго времени суток! к примеру мы имеем следующий код: <div class="1"> <div class="2"> тут текст какой либо </div> </div> <div class="3"> и тут текст </div> скажем что DIV="1" фиксирован и всегда на виду, а вот DIV="3" виден лишь тогда когда разрешение экрана меньше чем 480рх и также имеет фиксированное положение но внизу. теперь суть вопроса, возможно ли реализовать и если да то как чтобы DIV="2" при разрешении экрана свыше 480рх был в блоке DIV="1" , а при разрешении меньше 480рх в перемещался в блок DIV="3" . Есть вариант конечно прописать в обоих блоках html код DIV="2" , а потом манипулир…

    Asked by green-vik, September 22, 2017

    0 votes
    9 answers
22. Максимальная оптимизация изображений в 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
23. Затемнение фона по клику

    Ищу решение для задачи. Есть небольшой кусок js кода открывающего-закрывающего боковую панель навигации. Нужно изменить-дописать код так, чтобы при открытии.sidenav фон затемнялся, при закрытии возвращался к исходному состоянию. Код лежит здесь — http://javascript.ru/forum/site/70434-zatemnenie-fona-po-kliku.html

    Asked by dupre, September 5, 2017

    • js
    0 votes
    2 answers
24. Не срабатывает код

    Не пойму в чем дело. Пожалуйста подскажите. Мне надо чтобы при нажатии (onmousedown) на любую кнопку на страничке менялись её стили: document.body.onmousedown = function(event) { var target = event.target; if (target != 'button') return; // Если нажали не на кнопку, то ничего не происходит target.style.borderBottomWidth = 1 + 'px'; // Например, поменяем размер нижней границы }; Заранее спасибо!

    Asked by nightgremlin, September 14, 2017

    • onmousedown
    • дилегирование
    0 votes
    4 answers
25. Работа скрипта в на конкретном блоке

    Есть список с товарами. В каждом пункте есть блок с количеством едениц, и две кнопки + и -. Если есть более одного товара то не зависит на каком блоке кликать скрипт работает на всех, а нужно чтобы только на блоке на котором происходит действие. Код jQuey: var result = $('.cart__goods_item .cart__numbers_result'); var rel = $('.cart__goods_item .cart__numbers_reload'); var i = 1; $('.cart__goods_item .cart__numbers_plus').on('click', function() { if (i < 10) { i++; result.text(i); } }); $('.cart__goods_item .cart__numbers_minus').on('click', function() { i…

    Asked by narli, August 22, 2017

    • javascript
    • jquery
    0 votes
    2 answers