JavaScript

4,723 questions in this forum

1. прямой вызов функции в обработчике

   помогите пожалуйста разобраться и исправить код после клика на элементе .edit_album я вызываю бутстраповское модальное окно так: $(document).on('click', '.edit_album', eee);function eee(){ $('#modalEditAlbum').modal();}этот способ работает. но следующий способ не работает: $(document).on('click', '.edit_album', $('#modalEditAlbum').modal());так как в результате модальное окно вызывается при загрузке странички, а этого мне не надо

   Asked by cyklop77, July 30, 2015

   • jquery
   0 votes
   3 answers
2. Скрытие/показ нескольких элементов на jquery

   Всем привет. Есть форма поиска, которая по умолчанию скрыта display:none. В место него отображается меню. Когда я нажимаю на иконку поиска, то меню пропадает, появляется сама форма поиска, а вместо иконки поиска - крестик. При нажатии на крестик все возвращается обратно. Сделал это все на javascript прямо в html при помощь onlick="document.GetElementById". На этом форуме сказали, что решение очень устаревшее. Да и мне хочется, чтобы весь javascript код был в отдельном файле. Поэтому хочу реализовать это на jquery, но не знаю как. В интернете не нашел как скрывать и показывать сразу несколько элементов. Можете подсказать, в каком направлении копать? Заранее спасибо

   Asked by IvanRu08, August 12, 2015

   0 votes
   3 answers
3. Как заставить работать 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
4. Количество объектов в 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
5. Отсортировать пункты списка

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

   Asked by jdk, October 14, 2015

   0 votes
   3 answers
6. Как скрыть блок при нажатии за его пределами?

   Подскажите пожалуйста, как можно скрыть блок, если нажимаешь за его пределами. Пользуюсь вот такой конструкцией: https://jsfiddle.net/Alarr/mp7gthqb/4/ $(".button").click(function () { $('.toggled_block').toggle();});но так блок будет появляться и исчезать только по нажатию на кнопку, а надо, что бы появлялся по нажатию на кнопку, а исчезал по нажатию и на кнопку и на экран. Ну и понятное дело, что блок не должен исчезать при нажатии на него, так как там должен быть, к примеру инпут для поиска.И прозрачный бэкграунд на весь боди тоже не прокатит. Спасибо заранее если получится помочь

   Asked by Alarr, January 12, 2016

   0 votes
   3 answers
7. Делегирование - это хорошо?

   Добрый день! Интересует такой вопрос: есть ли что-то плохое в делегировании событий? Хочу сделать динамическую подгрузку контента на всем сайте. И чтобы обработчик событий всегда работали, думаю, использовать делегирование. То есть все обработчики вешать через body: $('body').on('event', 'selector', func); Есть ли у этого какие-то побочные эффекты, чем это может обернуться? Или можно спокойно ставить все обработчики таким образом? Спасибо!

   Asked by Antoshka007, January 16, 2016

   • js
   • javascript
   • jquery
   • delegate
   0 votes
   3 answers
8. JQuery Fancybox открыть текущее изображение

   Задача : при клике на активное изображение в слайдере открывается Fancybox, который содержит это изображение. Структура html примерно следующая. "flex-active-slider" применяется динамически и обозначает активное на данный момент изображение. <ul> <li class="flex-active-slider"> <img src="img1.png"> </li> <li class=""> <img src="img2.png"> </li> <li class=""> <img src="img3.png"> </li></ul>JS: $(window).load(function() {$(".flex-active-slide").click(function() { var img = $(this).find('img'); $.fancybox.open([ { href: "img.attr('src')" } ]);});}В итоге, fa…

   Asked by WhatIsHTML, February 16, 2016

   • jquery
   • fancybox
   • this
   0 votes
   3 answers
9. Всплывающее Диалоговое окно

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

   Asked by Kiriklk, October 17, 2015

   0 votes
   2 answers
10. Скачиваем файл с помощью Ajax!

    Всем, привет! Подскажите, кто сталкивался с подобной проблемой: Нужно скачать файл с сервера, но с помощью ajax запроса. Проблема заключается в том, что функция readfile() считывает содержимое файла и возвращает его в ajax запрос в качестве ответа. А нужно, чтобы файл скачивался. Вот, мой код $.ajax({ url: "../download.php", type: "POST", data: ({file: filepath}), dataType: "html", success: function(data, d) { if (d == 'success') { alert('Ура!'); } else { alert('Блин'); } }});<?php$filename = $_POST['file'];$ctype = 'text/plain';if (isset($filename) and file_exists($filename)) { header('Content-…

    Asked by Antoshka007, April 23, 2015

    • ajax
    • php
    • js
    • javascript
    0 votes
    2 answers
11. не работает обратный эффект при удалении класса

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

    Asked by laliev, May 17, 2015

    0 votes
    2 answers
12. Проблема с переключателями звука на видео-фоне.

    Проблема с выключением звука.Звук при 1 клике вырубается, но не меняется иконка2 клик бездейственный.$(document).ready(function(){ var controls = { video: $("#video_background"), lol: $("#lol") }; var video = controls.video[0]; controls.lol.click(function(){ if (video.volume=1) { video.volume=0; $(this).removeClass("fa fa-play"); $(this).addClass("fa fa-pause"); } else { video.volume=1; $(this).removeClass("fa fa-pause"); $(this).addClass("fa fa-play"); } });});<div id="controls" > <i class="fa fa-paus…

    Asked by saha300000, June 1, 2015

    0 votes
    2 answers
13. Вывод нескольких результатов вычисления скрипта.

    Добрый день! Понимаю что вопрос глупый и он от незнания js, но тем не менее мне не удалось найти ответ самостоятельно. Есть скрипт который считает 3 разных результата и есть форма из которой берутся значения. И есть 3 поля, куда надо вывести эти 3 значения. Но по непонятной мне причине, во всех 3-х полях выводится первое значение. Вопрос: как вывести в каждое поле свое значение? <script> function SumAll() { var myform = document.forms.myform; var a=parseFloat(myform.a.value); var c=parseFloat(myform.c.value); var sum = (a + c)/0.001532; var sum2 = Math.round(sum)/100; myform.som.value = sum2; …

    Asked by fiver, June 19, 2015

    0 votes
    2 answers
14. возвращений сообщений через ajax

    помогите пожалуйста разобраться есть форма, которая отправляет в контроллер такой ajax-запрос: $.ajax({ .................. success: function(data){ alert('ok'); }, error: function(xhr, ajaxOptions, thrownError){ alert('no ok' + xhr.status); } }) контроллер возвращает статус 200 или 4хх и на основе этого срабатывает или success или error. но я хотел бы чтобы контроллер возвращал не просто статус запроса, а массив с ошибками валидации. на стороне контроллера не проблема сделать отправку этого массива. проблема в том как получить его в ajax-блоке было бы хорошо получить его как один из параметров процедуры error. возможно ли такое, подскажите пожалуйста…

    Asked by cyklop77, July 29, 2015

    • ajax
    • jquery
    0 votes
    2 answers
15. Добавить в калькулятор доставки переменную

    Есть простой скрипт расчета доставки на основе Яндекс Карт http://jsfiddle.net/5L86tt3b/ Как менять стоимость доставки DELIVERY_TARIF в зависимости от выбора продукции из выпадающего списка?

    Asked by aizul, August 10, 2015

    • калькулятор доставки
    • яндекс карты
    0 votes
    2 answers
16. Меняем класс у элемента

    Ребят, приветствую! Реализовал задачу на js, чтоб, при клике по элементу, менялся его класс: $('.categories-show-in').click(function() { $('.categories-show-in').attr('class', 'categories-show-out');});$('.categories-show-out').click(function() { $('.categories-show-out').attr('class', 'categories-show-in');});При первом клике, да, класс у элемента меняется на categories-show-out, но при последующих кликах класс у элемента не меняется. Помогите решить проблему. P.S. Мне нужно, чтоб класс был заменен, а не дописан

    Asked by Nikita_Barinov, August 17, 2015

    • html
    • js
    • javascript
    0 votes
    2 answers
17. undefined в цикле

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

    Asked by cyklop77, September 17, 2015

    • json
    • ajax
    0 votes
    2 answers
18. Помогите включить события браузера после preventDefault()

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

    Asked by abb1977, November 22, 2015

    • preventDefault
    • по умолчанию
    0 votes
    2 answers
19. Скрыть <audio> после воспроизведения

    Добрый день. Подскажите пожалуйста по такому моменту: на странице есть несколько элементов <audio>. Как можно сделать, что бы после проигрывания записи она скрывалась со страницы?

    Asked by jdk, December 16, 2015

    0 votes
    2 answers
20. Вызов функции из другой функции.

    Здравствуйте, не могу найти как находясь в одной функуции вызвать другую, отработать её и вернуться в первую.

    Asked by Kompilator, February 8, 2016

    0 votes
    2 answers
21. Фиксированная кнопка не появляется

    После прокрутки на определенное расстояние должна появится кнопка. Не понимаю в чем проблема, на другом сайте работало без проблем. https://jsfiddle.net/cr4wrbw2/2/

    Asked by WhatIsHTML, March 11, 2016

    • jquery
    0 votes
    2 answers
22. Запрет на изменение размеров блока

    Здравствуйте. Есть три картинки. При клике на первую картинку она увеличивается в размерах. (получилось) При клике на вторую картинку - первая картинка уменьшается в размерах. (получилось) При клике на третью картинку - первая картинка запоминает свой размер и больше не изменяется. (не получилось) Как можно реализовать запрет на изменение блока только с помощью JQ? (Задача по JQ) Я думаю нужно сделать при клике на 3 картинку свойства !important, но не получается написать его с помощью JQ. ... <img src="img.jpg" alt="" class="img-circle" id="img-1" ><img src="img.jpg" alt="" class="img-circle" id="img-2"><img src="img.jpg" alt="" class="img-circle" id="img-…

    Asked by Temiks, March 16, 2016

    0 votes
    2 answers
23. Как сделать чтобы закрывалось только одно модальное окно когда открыто несколько?

    Использую готовый плагин для модальных окон(от MaxGraph). Проблема в том, что когда у меня открыто два модальных окна, для примера Форма + Политика конфендициальности, и мне нужно закрыть политику вместе с ней закрывается и другое модальное окно. В JS я не сильно разбираюсь(собственно из за этого и использую готовый плагин), можете помочь кто работал с этим плагином? Я примерно понимаю как он работает, но реализовать чтобы закрывалось только одно не получается. <div class="content"> <button class="modal-btn" data-path="first" data-animation="fadeInUp" data-speed="1500">Открыть окно 1</button> </div> <div class="modal"> …

    Asked by Kaido, August 13, 2022

    • javascript
    • html
    • модальные окна
    • css
    0 votes
    2 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. JQuery вывод спец. символов

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

    Asked by jdk, August 27, 2015

    0 votes
    1 answer