JavaScript

4,723 questions in this forum

1. tabs + jcarousel

   Добрый день. Такая проблема: есть табы (вкладки) - реализованы с помощью скрипта вобщем вкладок 3. на второй и третьей карусели (jcarousel). так вот по началу выдавало ошибку типа тогда я присвоил второму табу id="tab2" и инициализацию карусели записал как $(document).ready( function() { $('#tab2').on('click', function(){ jQuery('#mycarousel').jcarousel({ visible: 3, scroll: 1, animation: 'slow' }); }); }); ошибка пропала - карусель появляется. токо не работает (. подскажите плиз как решить. или может есть готовое решение.. вобщем рад любой помощи

   Asked by Dioni$$, September 21, 2012

   0 votes
   14 answers
2. jQuery fade in/out эффект при смене background position

   Всем привет. Проблема следующая: есть img с area map, при наведении на определенные области, которого меняется background position. Знанием JS/jQuery похвастаться не могу поэтому прошу помощи - хотелось бы, чтобы background position менялось с эффектом jQuery fade или любым другим способ красиво и плавно. Хочется чтобы старый background position исчезал как нибудь так .animate({opacity: 0,}, 400 );, а новый появлялся .animate({opacity: 1,}, 400 ); не могу понять как это реализовать. Посмотреть можно здесь http://jsfiddle.net/nSGym/1/ Я так понимаю что для addClass/removeClass не применяются эффекты, тогда как по другому сменить background position?

   Asked by Semen55338, September 26, 2012

   0 votes
   6 answers
3. Вставить в див свойство

   Здравствуйте Помогите : Есть блок : <div class="w w1" id="opened" ></div> Как в него вставить следующее contentEditable=true - это чтобы можна было редактировать содеожимое блока Должно выйти:<div class="w w1" id="opened" contentEditable=true ></div> Нужно юзать скрипт потому , что этот блок генирируется - эго нету в ДОМ модели.? Зарвние спасибо...

   Asked by BELkoo, September 26, 2012

   0 votes
   1 answer
4. Iframe на fancybox не работает.

   Всем привет. Такая проблема, есть сайт, поставил iframe на с помощью fancybox да вот не работает. Работает, только с одним блоком, на остальных же не работает. http://sample.claba.com.ua/ Вот. Я предполагаю что это конфликт скриптов.

   Asked by schokk, September 25, 2012

   0 votes
   6 answers
5. setTimeout вызывает ошибку

   Подскажите плз, почему первый вариант НЕ вызывает ошибку, а второй вызывает 1 function slideHoverActive(){ var activeTimeout; tabLink.hover(function(){ thisObj = jQuery(this); activeTimeout = setTimeout(activeTimeoutFunc, 300); }, function(){ clearTimeout(activeTimeout); jQuery(this).removeClass('hover'); }) } function activeTimeoutFunc(){ thisObj.addClass('hover'); } 2 function slideHoverActive(){ var activeTimeout; tabLink.hover(function(){ thisObj = jQuery(this); activeTimeout = setTimeout(thisObj.addClass('hover'), 300); }, function(){ clearTimeout(activeTimeout); jQuery(this).removeClass('hover'); }) } Я так подозреваю, из-за thisObj, но …

   Asked by Yazon_Nile, September 24, 2012

   0 votes
   3 answers
6. Не совместимость библиотек

   Здравствуйте Столкнулся с проблемой совместимости библиотек jquery. http://77.120.124.163/js/index.html На странице My Production используется скрипт jsPlumb для прорисовки соединителей между объектами. Он использует библиотеку jquery.min.1.7.1.js и http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js На этой же странице подключена библиотека jquery.tools.min.js, которая используется для попапов при клике на кнопки Add, Edit и для попапов с хинтами, возникающими при наведении на пункты меню (My Production, Configuration). Вместе эти библиотеки не работают. В итоге работает либо jsPlumb, либо попапы. В библиотеке jquery.min.1.7.1.js функций, которые ис…

   Asked by BELkoo, September 21, 2012

   0 votes
   12 answers
7. lightbox + vk.com комментарии

   Попросили прикрутить к картинкам комментарии в wordpress в таком же духе как сделано на facebook. На данный момент результат такой: Когда комментируешь одну картинку, комментарий расходиться по всем остальным. Обсуждение фоток получается достаточно абсурдным,-просто каша какая-то. вот страница с проблемой А на этой странице есть решение, но не могу разобраться в чём ошибка у меня раздел "фото", почти по середине Буду признателен за любую помощь.

   Asked by aov000, September 21, 2012

   0 votes
   2 answers
8. contentEditable - фокус для редактирования по 2 клику

   Есть следующий код: $(".menuedit").dblclick(function() { $(this).attr('contentEditable', 'true'); $(this).focus(); }); Я хочу чтобы при двойном клике див становился редактируемым, соответственно атрибут contentEditable устанавливается в true, но фокус не получает, он получает фокус только в 1 случае, если я перевожу фокус на другой элемент, а затем вновь на него, и то при 1 клике. Собственно как реализовать?

   Asked by Kerny, September 20, 2012

   0 votes
   1 answer
9. Объясните)

   Всем привет, учусь js уже продолжительнео время по одному из учебников. Но вот настало для сайта сделать таблицу и сортировку для него, в данном скрипте http://learn.javascript.ru/play/tutorial/browser/events/grid-sort/index.html непонятны следующие моменты var compare; switch(type) { case 'number': compare = function(rowA, rowB) { return rowA.cells[colNum].innerHTML - rowB.cells[colNum].innerHTML; }; break; case 'string': compare = function(rowA, rowB) { return rowA.cells[colNum].innerHTML > rowB.cells[colNum].innerHTML ? 1 : -1; }; brea…

   Asked by Hoax, September 20, 2012

   0 votes
   1 answer
10. Не срабатывает событие click, mouseenter

    $('.ddd_item').bind('click', function() { alert(1); }); <div class="ddd_drop_down" id="id_domains_drop_down" style="display: none;"> <div class="domains_drop_down" id="cont_domains_drop_down"> <div class="ddd_item ddd_selected" style="">xxxx.com</div> <div class="ddd_item" style="padding-left: 20px;">yyy.com</div> </div> </div> Причем события не срабатывают только на дивы с класом "ddd_item" и "ddd_selected". Но если в js вместо bind'а поставить live() все работает, в принципе, нормально. Но хотелось бы понять почему обычные события не срабатывают. В чем может быть загвоздка.…

    Asked by Spidey, September 19, 2012

    0 votes
    3 answers
11. Помогите с скриптом

    У меня есть вот такая конструкция <div class=1> <div class =2> </div> </div> в скрипте я использую вот такой код $(".1").mouseup(function(){ $(this).append('<span style="color:#F00;">Mouse up.</span>'); }).mousedown(function(){ $(this).append('<span style="color:#00F;">Mouse down.</span>'); }); при этом mousedown выполняется и при клику на первы и на второй див как мне сделать чтобы это работало только при клике на первый див а при клике на второй нет?

    Asked by flipper1001, September 19, 2012

    0 votes
    4 answers
12. for перебор массива

    var el=document.getElementsByClassName('forum'); for(var i=0; i<el.length; i++) { console.log(el[i]); el[i].addEventListener('click', gp('viewtopic.php?view='+el[i].getAttribute('to'), 'GET', '')); } Не работает ничего Суть кода: добавление обработчика ко всем элементам с классом forum. Но ни в консоль, ни обработчика Что я сделал не так

    Asked by Ratnikov310, September 15, 2012

    0 votes
    16 answers
13. Flux Slider example

    Здравствуйте, есть слайдер такой интересный Flux-Slider-v1.4.4-0, работает прекрасно, но, в эксплорере 9 нет. Может кто помочь? уж очень понравился слайдер.. Вот и пациент

    Asked by sweb27, September 17, 2012

    0 votes
    3 answers
14. Обработчики событий в jQuery

    Приветствую! Сейчас в jQuery плагин live считается устаревающим. Вместо него рекомендуется использовать конструкцию вида $(document).on(events, selector, data, handler); http://jqapi.com/#p=live на сколько такая обработка событий затратна в ресурсах? Будет ли это вызывать проседание скорости работы js приложения, если везде использовать такую конструкцию для обработки событий вместо обычного? $(selector).on(events, data, handler);Основная мотивация в том, чтобы эти обработчики можно было инициализировать один раз при загрузке приложения. А после загрузке какого-либо контента через аякс эти события не надо было инициализировать заново.

    Asked by keltanas, September 12, 2012

    0 votes
    12 answers
15. кофликт скриптов вконтакте

    помогите пожалуйста решить проблему на странице установлены 2 соц.кнопки от вконтакте. "поделиться" и "мне нравится". для первой необходим объект, который обрабатывает ответ о количестве расшаренных ссылок. var VK = { Share: { count: function(value, count) { console.log(count); console.log(value); $('#vk_counter').html(count); } } } для второй необходим объект инициализации. VK.init({apiId: 3128823, onlyWidgets: true}); они конфликтуют. то есть если работает один, то другой нет работает. соотвтетственно не показывается одна из кнопок подскажите пожалуйста способ избежать конфликта я пробовал менят…

    Asked by cyklop77, September 16, 2012

    0 votes
    1 answer
16. игры <canvas>

    Кто знает где взять исходники офисных игр на html5 или может кто то поделится. Заранее спасибо!

    Asked by qtk, September 16, 2012

    0 votes
    0 answers
17. Реализация простого условия на javascript

    Здравствуйте, уважаемые пользователи форума. Прошу помощи. Необходимо, что-бы было обычное поле для ввода типа <input type="text">, и рядом кнопка Скачать обычного вида: <input type="button">. При вводе корректного пароля (пароль статистический, например 12345), ниже выводится текст Ваша ссылка на скачивание.... В случае некорректного ввода такой текст "Проверьте правильность пароля", или "Введите пароль", если поле осталось пустым, но кнопку нажали. Знаю, что часть кода пишется в head страницы, а само поле с кнопкой - уже на нужном месте. Javascript не знаю, поэтому прошу помощи. Прошу Вас также предложить другие идеи для реализации подобной задачи (если тако…

    Asked by serhiomius, September 16, 2012

    0 votes
    2 answers
18. Обновление значения

    Ребята, здравствуйте. Подскажите, пожалуйста, как для var сделать отслеживание изменения значения: var width = $('#content').width(); При ресайзе окна браузера значение должно обновится без перезагрузки страницы. Есть просто функции, которые от этого значения работают. А при ресайзе значение остается прежним и отображение страдает.

    Asked by Critical Error, September 14, 2012

    0 votes
    13 answers
19. Рядом с каждым <input> - свой текст в <span>

    Привет, Форумчане! Вопрос у меня такой - у меня имеется ряд текстовых input'ов. Справа от каждого Input находится Span. Так вот - мне нужно, чтобы при вводе, например, в третий инпут - менялся текст спана, который находится рядом с ним. Или допустим я меняю текст в десятом инпуте, и соответственно меняется текст в спане, который так же по счету десятый. Сама цель - сделать на jquery проверку на ввод. Буду благодарен за идеи!

    Asked by korjik, September 15, 2012

    0 votes
    3 answers
20. Фотографии пользователя

    Здравствуйте. У меня есть стена фотографий пользователя так вот как мне сделать, чтобы после наведения на фотографию была такая функция http://stg.odnoklassniki.ru/res/i/ic/zoom.png

    Asked by diman4190, September 15, 2012

    0 votes
    1 answer
21. 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, September 13, 2012

    0 votes
    5 answers
22. Обработка событий

    Читаю всякие интересности про обработку событий в 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, September 11, 2012

    0 votes
    5 answers
23. Перестало открываться модальное окно nyroModal

    Перестало открываться модальное окно Не могу найти ошибку уже длительное время http://kit-tel.ru при клике по кнопке купить если разрешение экрана более 1024 на 768 открывается модальное окно использую nyroModal function ScreenWorkspace(){ if(window.innerWidth){ width = window.innerWidth; height = window.innerHeight; } else if(document.documentElement && document.documentElement.clientWidth){ width = document.documentElement.clientWidth; height = document.documentElement.clientHeight; } else if(document.body && document.body.clientWidth){ width = document.body.clientWidth; height = document.body.clientHeight; } if…

    Asked by setevoi, September 9, 2012

    0 votes
    7 answers
24. Примеры использования SC v5

    В архиве лежат примеры использования SC в разработке интерфейсов. По мере добавления новых примеров архив будет обновляться. Примеры sc_samples.zip Внимание пользователям Google Chrome! В данном браузере просмотр примеров с локального диска невозможен из-за проблем разработчиков с безопасностью. Если есть острое желание просмотреть примеры именно в Chrome, то вам необходимо выложить файлы на веб-сервер или же запустить браузер с параметром --allow-file-access-from-files

    Asked by s0rr0w, October 19, 2009

    0 votes
    3 answers
25. Как нужно написать jQuery include

    Всем доброе время суток! У меня есть вопросик как надо написать include в jQuery чтоб можно было рекламу вынести в другой файл с скриптом к примеру бегуна? И не не большой текст Вот сам код jQuery <a class="dow" href="#" id="down">Скачать</a> <div id="downtab" style="display:none"> <div id="rek-top"></div> <div id="rek-centr"> <p><!-- ЗДЕСЬ САМ ТЕКСТ --></p> <div id="reklama"> <script type="text/javascript"> var begun_auto_pad = 29798; var begun_block_id = 30200; </script> <script src="http://autocontext.begun.ru/autocontext2.js" type="text/javascript"></script> </div> &…

    Asked by Bismuth, August 28, 2012

    0 votes
    10 answers