JavaScript

4,723 questions in this forum

1. Запрет на изменение размеров блока

   Здравствуйте. Есть три картинки. При клике на первую картинку она увеличивается в размерах. (получилось) При клике на вторую картинку - первая картинка уменьшается в размерах. (получилось) При клике на третью картинку - первая картинка запоминает свой размер и больше не изменяется. (не получилось) Как можно реализовать запрет на изменение блока только с помощью 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
2. Засечь время от блура с одного блока и до клика на другой

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

   Asked by Alarr, June 1, 2015

   0 votes
   10 answers
3. Изменение нескольких стилей

   Уважаемые знатоки столкнулся вот с такой проблемой: Допустим есть элемент (в моем случае изображение) и текст привязанный к нему. Как сделать так тобы при наведении на текст изображение меняло цвет на "цвет1", а при наведении на изображение на "цвет2". Глаз уже замылен не могу найти или что-то упускаю... HTML <div id="mail-box"><a href="mailto:zakaz@unimag161.ru"><span class="tool-ico tool-ma" title="Напишите нам"><span></span></span><span class="tool-txt">zakaz@unimag161.ru</a></span></div>По идеи все стили (в том числе цветовая часть) прописаны в отдельном CSS (можно скачать) основная часть прописана тут CSS н…

   Asked by LaGeneral, July 17, 2015

   • изменение-стилей наведение
   0 votes
   12 answers
4. Интересная JQuery задачка

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

   Asked by Alarr, February 9, 2016

   • JQuery
   • js
   • javascript
   0 votes
   4 answers
5. Как заставить работать 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
6. Как избежать повторение одного и того же когда на разных страницах

   Я только недавно начал создавать свой первый сайт и понял что на каждой странице у меня повторяется шапка и низ сайта, а меняется лишь немного текста в центре. Есть ли в html php или javaScript, что-то типо "функции", чтобы можно было вставить одно слово(тег, что-то), которое замениться на набор текста и html тегов? P.S. Я не знаю каким образом это реализовывается поэтому предположил что эта тема должна быть в разделе по javaScript.

   Asked by RuslanT007, August 31, 2015

   0 votes
   9 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. как отследить событие?

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

   Asked by laliev, October 24, 2015

   0 votes
   14 answers
9. Как правильно сделать раскрывающиеся блоки со скрытым содержанием внутри?

   Всем привет! Подскажите, пожалуйста, как правильно сделать раскрывающиеся блоки со скрытым содержанием внутри? У меня в принципе все работает, блок открывается и закрывается, НО если я нажимаю на блок, а не на стрелочку, она у меня остается в таком же положении(а она должна у меня меняться, когда блок открывается), и получается куча мала, и выглядит это не очень презентабельно. Подскажите, пожалуйста! <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="wrapper-div"> <div class="div"> <div class="window-one"> <h3 class="title"> Заголовок 1 </h3> &l…

   Asked by IsayR, May 3, 2022

   • js
   • css
   • html
   • jquery
   0 votes
   1 answer
10. Как связать переменную в 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
11. Как сделать так, чтобы форма открывалась при нажатии на кнопку, которой на странице находится несколько штук?

    Всем привет, подскажите, пожалуйста, как сделать так, чтобы форма открывалась при нажатии на кнопку, которой на странице находится несколько штук? У меня есть кнопка и несколько ее копий на странице, и я хочу, чтобы если пользователь захотел нажать на кнопку, только на другом месте страницы, открывалась та же самая форма. Но, к сожалению, ее открывает, только самая первая кнопка, подскажите, пожалуйста, решение! Спасибо! <body> <button class="btn-modal" id="open">Отправить заявку</button> <button class="btn-modal" id="open">Отправить заявку</button> <button class="btn-modal" id="open">Отправить заявку</button> <div c…

    Asked by IsayR, May 2, 2022

    • js
    • css
    • html
    0 votes
    1 answer
12. Как сделать чтобы закрывалось только одно модальное окно когда открыто несколько?

    Использую готовый плагин для модальных окон(от 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
13. Как скрыть блок при нажатии за его пределами?

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

    Asked by Alarr, January 12, 2016

    0 votes
    3 answers
14. Как спрятать скроллбар?

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

    Asked by diargon345, April 19, 2015

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

    <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
16. как это исправить?

    помогите пожалуйста как это исправить? сайт:http://likekino.net/

    Asked by adminfilm, May 7, 2015

    • js
    • javascript
    • slider
    • carousel
    0 votes
    12 answers
17. Количество выбранных checkbox

    <fieldset align="left" style="width:300px"> <legend>Langs?</legend> <input type="checkbox" name="lan" value="1"> lang1 <br> <input type="checkbox" name="lan" value="200"> lang2 <br> <input type="checkbox" name="lan" value="400"> lang3 <br> <input type="checkbox" name="lan" value="600"> lang4 <br> <input type="checkbox" name="lan" value="800"> lang5 <br> <input type="checkbox" name="lan" value="1000"> lang6 <br> <input type="text" name="output1" size=10> <input type="button" value="Sum" onClick="grand()"> <input type="r…

    Asked by Ярocлaв, June 12, 2022

    0 votes
    1 answer
18. Количество объектов в 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
19. Меняем класс у элемента

    Ребят, приветствую! Реализовал задачу на 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
20. Не всегда срабатывает скрипт

    Здравствуйте столкнулся с проблемой, не могу понять почему скрипт не всегда срабатывает. по замыслу это бургер меню которое работает только если ширина окна меньше чем 1025 после загрузки страницы или после ресайза, когда страница загружена результат всегда тот который и ожидался, а после ресайза иногда не срабатывает и меню не открывается, потом после следующего ресайза может заработать , может есть идею в почему так? function windowSize(){ myWidth = document.documentElement.clientWidth; if(myWidth<1025) { $("button.btn").on("click", function(){ $(".nav-collapse>ul").toggleClass("nav_active"); }); } } $(window).on…

    Asked by laliev, November 24, 2015

    0 votes
    1 answer
21. Не определяет элемент 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
22. Не получается переключить слайдер с помощью JS

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

    Asked by yaparoff, March 16, 2015

    • слайдер Javascript
    0 votes
    3 answers
23. Не работает массив

    <?php } if ($use_wm) { $ammhamoneyid = array('ammh1',); $ammhamoneytitle = array('MOD_AMONEY_WEBMONEY',); $ammhamoneyonclick = array('show_wm',); } if ($use_rupay) { $ammhamoneyid = array('ammh2',); $ammhamoneytitle = array('MOD_AMONEY_RBKMONEY',); $ammhamoneyonclick = array('show_rupay',); } if ($use_yandex) { $ammhamoneyid = array('ammh3',); $ammhamoneytitle = array('MOD_AMONEY_YANDEX',); $ammhamoneyonclick = array('show_yandex',); } if ($use_paypal) { $ammhamoneyid = array('ammh5',); $ammhamoneytitle = array('MOD_AMONEY_PAYPAL',); $ammhamoneyonclick = array('show_paypal',); } if ($use_moneybookers) { $ammhamoneyid = array('ammh7',); $ammhamoneytitle = …

    Asked by lev99, October 6, 2015

    • php
    0 votes
    21 answers
24. не работает обратный эффект при удалении класса

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

    Asked by laliev, May 17, 2015

    0 votes
    2 answers
25. Не работает скрипт в чем может быть ошибка

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

    Asked by daggi, March 4, 2016

    • Проблемы со скриптом
    0 votes
    7 answers