Jump to content

JavaScript

A programming language that conforms to the ECMAScript specification

Explore Questions

There are no popular questions to show right now

4,723 questions in this forum

  1. Обработка событий

    Читаю всякие интересности про обработку событий в JS, но не могу разобраться с порядком обработки событий. В статье написано, что при помощи метода addEventListener я могу изменить стандартное поведение (всплытие). Но у меня не очень получается это реализовать, либо я чего-то не понимаю. http://jsfiddle.net/Wfr8x/1/'>http://jsfiddle.net/Wfr8x/1/ Здесь я использую addEventListener чтобы назначить onclick на span, но клик по кнопке только дисаблит ее, т.е. span не принимает событие при задисабленном инпуте (но можно кликнуть за пределами инпут, т.к. padding:20px;) http://jsfiddle.net/Wfr8x/ А это для ИЕ. Работает, так как сначала передается событие врапперу, как я понима…

    Asked by hedgehog,

    0 votes
    5 answers

  2. Iframe, src и хеш-часть ссылки

    Коллеги, интересный вопрос. Есть сайт, который меняет свой хеш-адрес по каким-либо действиям. К примеру, было site.ru/index.php, а после нажатия на кнопку стало site.ru/index.php#link Но если вставлять сайт site.ru через iframe на другой сайт, и нажать на кнопку на site.ru/index.php, которое обязательно вызовет изменения хеш-ссылки, то хеш-часть ссылки нельзя получить, посмотрев на аттрибут src тега iframe! Пробовал и так: alert(document.getElementById("myiframe").src); И так $('#myiframe').prop('src')) Как получить текущее значение полной ссылки, вместе с хешом в iframe'е ?

    Asked by volkov59,

    0 votes
    5 answers

  3. Не работает слайдер в IE9

    В общем написал слайдер, проверил в Opera, FireFox, Maxthon, показывает всё отлично, но есть одно но, данный код не как не хочет работать в IE9, начинает подтармаживать плюс ко всему нет отоброжения картинок в слайдере. В чём может быть причина ? запуск слайдера <body onload="Start();"> код слайдера var newSlider; var ShowImg = 1; function Slider(){ var slImageUrl = Array(); this.Create = Create; this.GetImageUrl = GetImageUrl; function Create(ImageUrl) { slImageUrl[Count] = new Image(); slImageUrl[Count].src = ImageUrl; } function GetImageUrl(num){ return slImageUrl[num].src; } .........…

    Asked by wendstor,

    0 votes
    5 answers

  4. Исчезающий блок

    Здравствуйте. Никак не могу решить проблему, очень надеюсь на вашу помощь. Есть вот такое меню, снизу которого находится скрытый блок: (Пример) Структура примерно такая: <nav> <a href="#">Главная</a> <a class="menu-show" href="#">Меню</a> <a href="#">о нас</a> </nav> <div id="hide-menu">....</div> JS на данный момент: $(".menu-show").hover( function() { $(this).parents().find("#hide-menu").stop().slideDown("fast");}, function() { $(this).parents().find("#hide-menu").stop().slideUp("fast");} ); Т.е блок появляется/скрывается - всё нормально, но если курсор перенести на блок, когда он не скрыт, то о…

    Asked by decode,

    0 votes
    5 answers

  5. Активная ссылка

    День добрый. Как сделать следующую штуку - есть табы на css, и нужно чтобы при активной ссылке, он отображалась другими ссылками: Тут пример - чтобы было понятнее : http://jsfiddle.net/HhXXd/

    Asked by Imperil,

    0 votes
    5 answers

  6. Плагины bootstrap

    Вот уже битых часа 3 не могу подключить плагин http://xbreaker.github.com/plusstrap/javascript.html#alerts Не понимаю, что нужно для этого сделать. С JS отношения трудные. Подскажите, о чем говорится в инструкции по подключению. Перепробовал уже все варианты, которые в голову приходили. Спасибо.

    Asked by xxnikolayxx,

    0 votes
    5 answers

  7. JavaScript подсветка для YAML

    Доброе время суток. Снова рад видеть всех собравшихся. Подскажите пожалуйста библиотеку JavaScript подсветки для YAML

    Asked by freeneutron,

    0 votes
    5 answers

  8. Animate и overflow:hidden

    Во время совершения анимации над блоком с помощью функции animate от jquery этому блоку присваивается свойство overflow:hidden. Как от этого можно избавиться?

    Asked by egoregor,

    0 votes
    5 answers

  9. Остановка выполнения событий jQuery

    Добрый вечер, имеется вот такой код /* noie */ jQuery(document).ready(function($){ var abc = "body"; jQuery.each(jQuery.browser, function(i) { if($.browser.msie && $.browser.version < 9){ $("#page").replaceWith('<div id="noie"><span></span><h2>К сожалению ваш браузер устарел!</h2><div style="clear: both;"></div><p>Установите более современный!</p></div>'); } }); }); /* slider */ jQuery(document).ready(function($){ $("#showcase").awShowcase( { content_width: 514, content_height: 280, fit_to_parent: false, …

    Asked by inex,

    0 votes
    5 answers

  10. Сайт на AJAX, не работает плагин LightBox

    Доброго времени суток., Я дизайнер, но не программист или веб-технолог. Но тут надо было кое что подправить на сайте одной знакомой. Переписал весь макет. Чтоб музыка играла непрерывно переходя от страницы как вконтакте к странице использовал ajax + jquery плеер И тут я заметил что Lightbox просто не работает. Недолго думая сделал все тоже самое но только отдельно от сайта; на пустой странице, и оп там работает. И теперь не совсем понимаю в чем дело., Где надо исправлять? И кто виноват? Для рассмотрения кусок кода. Превьюшка <div class="galleryItem"> <a href="/photo/b/17.jpg" rel="lightbox1" class="effectable"><img src="/photo/m/m17.jpg" alt="" /></…

    Asked by Jeak,

    0 votes
    5 answers

  11. Массив кнопок, узнать индекс нажатой кнопки

    Имеется массив кнопок button[]. Как узнать индекс нажатой кнопки? Два часа рылся в интернете, а так же на этом форуме, ответ не нашел. Я решил задачу, но считаю, что должно быть решение проще: <script> function ins(e){ var o = document.getElementsByName('butt[]'); for (i=0;i<o.length;i++){ if (o(i) == e) alert ('Индекс ' + i); } } </script> <input type='button' name='butt[]' value='ok1' onclick='ins(this)'/> <input type='button' name='butt[]' value='ok2' onclick='ins(this)'/> <input type='button' name='butt[]' value='ok3' onclick='ins(this)'/> <input type='button' name='butt[]' value='ok4' onclick='ins(this)'/> <input type='…

    Asked by DarkDaemon,

    0 votes
    5 answers

  12. проблема с плагином lightbox()

    Приветствую вас всех уважаемые. В общем для своей галереи решил использовать вот этот lightbox(), Моя ссылка В общем как в примере, все работает. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery lightBox plugin</title> <link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" /> <!-- Arquivos utilizados pelo jQuery lightBox plugin --> <script type="text/javascript" src="js/jquery.js"></script…

    Asked by hk416,

    0 votes
    5 answers

  13. "Перейти назад"

    Видел на блогах, да и в vk.com есть такая функция как "назад". Тобишь переход на предыдущую страницу. Подскажите каким кодом можно реализовать подобное.

    Asked by Krookers,

    0 votes
    5 answers

  14. Скрипт, подменяющий слово в коде

    Здравствуйте. Подскажите пожалуйста примером скрипта, который ищет некое слово в html и обрамляет его тегом

    Asked by borus,

    0 votes
    5 answers

  15. Определить какие стили назначил класс css

    Как при помощи JavaScript определить какие стили назначил класс css Например: .first { color: #ccc; } <div class="first">первый</div> Нужно узнать, что у дива изменен цвет. Просматривать все стили сравнивая дефолтные с изменившимеся? Или есть стандартное средство? Как к примеру firebug определяет какие стили назначены на тот или иной элемент и из какого css файл.

    Asked by youmay,

    0 votes
    5 answers

  16. parentNode!?

    Для чего служит это свойство? Чем отличается documenElement от documenElement.parentNode

    Asked by Zzz_,

    0 votes
    5 answers

  17. for/in

    Есть неясность, прошу помощи. Вот код: var o = {x:1, y:2, z:3}; for (var i in o) console.log(i); На выходе: x y zКак работает? (Как я понял) Строка 1. Объявление объекта "o". Строка 2. Сначала идет проверка, является ли "o" объектом. В моем случае да, является. И имеет три свойства: x, y, z. Потом идет инициализация переменной i. Успешно. После этого начинается цикл for/in. Каждый раз переменной "i" присваивается очередное свойство объекта "o". Причем, как я понял, не его значение, а его имя, в противном случае консоль выдала бы это: 1 2 3 Теперь, если немного изменить код: var o = {x:1, y:2, z:3}; for (var i in o) console.log(o); , то получается такой результат: 1 2…

    Asked by Bumblebee,

    0 votes
    5 answers

  18. setInterval в группе объектов

    помогите пожалуйста решить проблему любым способом на страничке создаются 4 объекта enemy. в каждом на этапе инициализации запускается setInterval , который 3 раза в секунду пересчитывает значение координаты х и запускает метод перерисовки но x периодически изменяется только у последнего созданного объекта. а по задумке должно у всех четырёх

    Asked by cyklop77,

    0 votes
    5 answers

  19. Копирование inputs (динамическая форма)

    В общем озадачился следующим: есть форма, в ней блок с инпутами, который копируется до n-ого кол-ва. Посоветуйте, как решить проблему с именами меньшей кровью? То есть в идеале от формы я хочу получать массив, где пускай числовой индекс отвечает за порядковый номер элемента. С обычными инпутами вс понятно, можно копировать name="name[]" и всё тип-топ. А вот с чекбкосами и переключателями (Radio) начинается хрень. Радио думают что это они одна группа, чекбоксы невыбранные вообще же не попадают в пост, сбивая всю нумерацию... Как посоветуете взяться за такое дело? В каких направлениях я мыслил: 1. Раньше делал подобное перебирая перед отправкой неотмеченные чекбоксы, их исп…

    Asked by Быколай,

    0 votes
    5 answers

  20. приручить fancybox

    Добрый день, подскажите пожалуйста как можно инициализировать галерею картинок, при помощи этого плагина? Имеется список картинок, на пример первые видны, другие скрыты, использую: data-rel="group" И есть ссылка - Посмотреть галерею, так как открыть эту галерею при нажатии на эту ссылку? С нажатием на фотографию все понятно, а вот с ссылкой не могу додумать =\ Спс заранее

    Asked by RodgerFox,

    0 votes
    5 answers

  21. отменить выделение

    помогите пожалуйста на карусели страницы отменить выделение, которое появляется если например быстро кликнуть несколько раз по .jcarousel-next

    Asked by cyklop77,

    0 votes
    5 answers

  22. отключить jq-плагин

    подскажите пожалуйста как можно условно отключить jq-плагин например jq-плагин подключен так $('#element').plugin(); нужно чтобы он действовал при ширине окна браузера >1000px и не действовал при ширине окна браузера <=1000px

    Asked by cyklop77,

    0 votes
    5 answers

  23. проблема отправки данных при сортировки таблицы

    Всем привет! Моя таблица подгружается из БД, задача таблицы заключается в то, что надо выбрать нужные строки с помощью чекбоксов и отправить в БД, обновляя данные. Я использовала популярный плагин JQuery tablesorter для сортировки таблицы. Вот ссылка: tablesorter.com/docs/#Download, т.е. при нажатии на заголовке, таблица сортируется. Так вот, проблема в том, что после нажатия на заголовок, я начинаю ставить галки и нажимаю submit и он не обновляет данные. Вопрос, почему, если не нажимать на заголовок для сортировки, я спокойно могу обновляет данные, а если нажать на заголовок данные данные уже не изменить? В чем конфликт?

    Asked by Nailya,

    0 votes
    5 answers

  24. Скрываем сайдбар после скроллинга

    Собственно, нужно скрыть сайдбар после того, как страницу проскроллили. Как в группах ВКонтакте. Сделал свою версию. Все, конечно, хорошо, но при резкой прокрутке от и до сайдбара к контент-части не добавляется margin-right. <script type="text/javascript"> a = $('.acont').offset().top + $('.acont').height() + 75; $(window).scroll(function(){ if($(this).scrollTop() > a){$('.acont').hide(300,function(){$('.scont').css('margin-right',0);});} else {$('.scont').css('margin-right','225px');$('.acont').show(300);} }); </script> Ссылка на демо: Ссылка

    Asked by Kelin,

    0 votes
    5 answers

  25. подключить jq два раза

    скажите пожалуйста что происходит если я подключаю на странице jquery два раза? например есть сайт, работающий на cms. он использует jquery 1.7. я в самом низу страницы ещё подключаю jquery 1.8 значит ли это, что функции, которые в 1.7 полностью перекрылись новыми и проблем при использовании их не будет? то есть произошло просто обновление версии jquery не совсем красивым способом

    Asked by cyklop77,

    0 votes
    5 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept