JavaScript

4,723 questions in this forum

1. 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
2. Вставить в див свойство

   Здравствуйте Помогите : Есть блок : <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
3. Клик по элементу и ответ аякса (события не связаны)

   Всем привет, Попробую описать проблему. Имеется такая структура html-кода <span id="button">Кнопка</span> <span id="text">Текст</span> <input id="field" type="text"> При внесении изменений в инпуте отправляется аякс-запрос. $('#field').change(function() { $.ajax({/* данные запроса */}); }); При нажатии на кнопку, текст должен заменится ответом, полученным из запроса. Проблема в том, что при клике запрос может быть еще не отработан, соответственно данных не будет и скрипт не исполнится. Я пока решила эту проблему, использовав $.ajaxComplete() и setInterval: $('#ajax').ajaxComplete(function() { response = jQ.parseJSON(request.respon…

   Asked by sigma77, September 27, 2012

   0 votes
   26 answers
4. Неправильное отображение скрипта на разных экранах

   Имеются 2скрипта:colorbox(увеличивающее изображение по середине с прозрачным фоном) and slidorion(слайдер слайдшоу + меню аккордеон).Соединил эти 2 скрипта все работает нормально,только имеется одна проблема в colorbox(увеличивающее изображение по середине с прозрачным фоном).Проблема заключается в том что,слайдер на разных разрешениях экрана показывает размеры по разному,например мой размер экрана 1600х900 отображает слайдер нормально.открываю слайдер с большим разрешением слайдер увеличивается.Java Script автоматом создает css для слайдера,тем самым увеличивая его.Помогите пожалуйста как можно сделать так,чтобы Java Script правильно задавал ему css и чтобы он отображалс…

   Asked by gumar, October 1, 2012

   0 votes
   0 answers
5. динамический зум картинки

   Доброго времени суток! Подскажите пожалуйста как реализовать на сайте динамическое увеличение картинки при наведении на нее, увеличиваться должна именно область, на которую наведена мышь. Нашел только один скрипт, но он платный(( http://www.magictoolbox.com/magiczoom/integration/ Хотелось бы такой как в 4м примере. С javaScript не знаком к сожалению, ну и CSS только начал изучать...

   Asked by MrDel, September 29, 2012

   0 votes
   4 answers
6. Упростить / Дополнить код

   удалить пост!

   Asked by Salk, September 29, 2012

   0 votes
   0 answers
7. Добавить js к блоку div

   Вот надо чтобы ф-я с датой определяла по блоку, какую он имеет дату, и выполняла некоторые ф-ии Ну вот как это сделать? А как задать блоку функцию <div id="block">(как тут подключить функциию с параметрами даты?)</div> Т.е. если ссылке <a href="javascript:show_hide('1');">текст</a>, то как быть с блоком???

   Asked by Hoax, September 30, 2012

   0 votes
   3 answers
8. Рандомный текст

   Хотелось бы узнать, каким образом на JS можно сделать так, чтобы в <div> загружался рандомный текст из заранее заданных значений

   Asked by Dimusyan, September 30, 2012

   0 votes
   1 answer
9. Не работает слайдер в 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, October 1, 2012

   0 votes
   5 answers
10. Заполнение поля.

    Я даже не знаю как этот метод называетсья но очень нужен, поэтому даже не смог нормально назвать тему. В общем нужно чтобы заполняя одно поля русскими буквами в другом поля оно автомотически заполнялось английскими. Допустим вы вписали в одно поле Британский чарт и во втором поле в режиме реально времени набиралось britanskii-chart. Я думаю писать код за меня не кто не будет, просто скиньте хотябы ссылку где можно такое сделать, или просто как это называеться пойду погуглю чтоль...

    Asked by oopster, October 2, 2012

    0 votes
    2 answers
11. При добавлении if перестает работать весь скрипт

    Вот данный скрипт, перестает работать при добавлении красного кода var date = new Date; var d = date.getDate(); // 1 var zd = d+1; var a = document.getElementById('anons'); var z = document.getElementById('zavtra'); var anonsChildren = a.children; for(var i=0;i<anonsChildren.length;i++) { var date_open = anonsChildren[i].children[0].innerHTML; if(zd==date_open) perenos(); [КРАСНЫЙ КОД]if(d>date_open) delete(); [/КОД] } function perenos() { z.appendChild(anonsChildren[i]); } [КРАСНЫЙ КОД]function delete() { z.removeChild(anonsChildren[i]); a.removeChild(anonsChildren[i]); }[/КОД] Заметил что когда делаю отдельные 2 скрипта <script>С КРАСНЫМ К…

    Asked by jack123, October 1, 2012

    0 votes
    3 answers
12. не могу найти источник ошибки...

    Здравствуйте. Есть очень-очень старый сайт: mackevision.de При клике на кнопку Gallery (справа под банером) в консоли ФФ появляется сообщение: "Error: useless setTimeout call (missing quotes around argument?)", в ИЕ8-9, при включенном показе ошибок, вываливается модальное окно с ошибкой "Invalid argument", вот скрин дебагера в ИЕ: http://i.imgur.com/74gEf.png Т.е. понятно, почему возникает ошибка. Но не понятно, где происходит проблемный вызов setTimeout. Никак не могу придумать, как ее найти. Текстовый поиск по setTimeout и ссылкам на него не помог.

    Asked by hedgehog, October 2, 2012

    0 votes
    6 answers
13. Активный пункт меню с помощью скрипта

    Имеется скрипт $(document).ready(function () { $('#hor li a').hover( function () { height = $(this).height() * (-1); $(this).stop().animate({'backgroundPosition':'(0 ' + height + ')'}, {duration:200}); }, function () { $(this).stop().animate({'backgroundPosition':'(0 0)'}, {duration:200}); } ); });, который меняет картинку у пункта меню при наведении мышки. Вот пример css для этого меню #ver { list-style: none outside none; margin: 25px; padding: 10px; position: relative; } #ver li { padding:4px; } #ver li a { display:block; height:12px; text-indent:-999em; } #ver a.home { wi…

    Asked by Alex7, October 2, 2012

    0 votes
    1 answer
14. Выделение ячеек на карте с помощью ссылок.

    Здравствуйте. Необходимо реализовать выделение ячеек на карте при нажатии на ссылку. То есть когда я нажимаю на ссылку на карте появлялась квадрат закрашивающий ячейку (квадрат может быть рисунком) таких квадратов может быть до 6 штук. Нашел код который реализует данную систему но там можно выделять только 1 ячейку. а как добавить к коду чтобы он выделял несколько ячеек в разных координатах при нажатии на ссылку не пойму. в Java не разбираюсь. Код HTML <div id="threePics"> <img src="http://www.cyberforum.ru/../pics/pic1.jpg" alt=""> <img src="krug1.gif" alt="" id="krug3"> <img src="krug2.gif" alt="" id="krug4"> <br> <a href="#" onclick…

    Asked by persons, October 3, 2012

    0 votes
    1 answer
15. Передать значение стилизированного select

    Всем привет, собсно сабж. Как передать выбранное значение, если оно выбирается не в самом select, а в нарисованном js <ul></ul> ?

    Asked by lolka84, October 4, 2012

    0 votes
    2 answers
16. как добавить бб код в форму

    Доброго времени суток! я полный нуб в js поэтому прошу помощи, подскажите как добавить BB- код в форму. И чтобы код добавлялся в то место где установлен курсор а не в конец сообщения. Нужен только код добавления, без обработчика.

    Asked by qtk, October 4, 2012

    0 votes
    1 answer
17. события на индентификатор

    Добрый день, кто подскажет как правильно делать. на класс .gallery у меня подвешенна всплывающая галерея, всё хорошо когда нужна лишь одна галерея. А вот если я вывожу 10 фотографов и у своего своя галерея ,то нужно .gallery1 .gallery2 .gallery3 ... и т.д как сделать это автоматом? Как вариант в самом HTML прописать что-то типа $(".gallery<?php echo $i;?> это пройдет если скрипт будет в самом HTML ,а если он будет подключать во внешнем файле то не заработает, также у меня потом Ajax ом дозагружаются другие результаты выдачи и на них тоже надо вещать обработчик(ну с этим как-то я еще справлюсь)

    Asked by vladimircape, October 5, 2012

    0 votes
    3 answers
18. Что за галерея

    http://www.mywed.ru/photographer/detail/photo/1257606/ скажите это самописная галерея или где-то можно скачать

    Asked by vladimircape, October 5, 2012

    0 votes
    1 answer
19. Конфликт JQuery

    Хочу использовать одновременно на одной странице слайдер и fancybox-фотогалерею. При использовании их по отдельности конфликтов не наблюдается всё работает хорошо. Слайдер такой http://mashinki.net.ua/tester/test1/ и Фотогалерея http://mashinki.net.ua/tester/test2/ комбинирую их на одну страницу http://mashinki.net.ua/tester/testall/ фотогалерея не работает Подскажите, пожалуйста, как подправить код, чтобы всё заработало. Искал при помощи поиска на форуме похожие вопросы и в гугле. Там в случаях конфликтных ситуаций библиотек советуют заминить все $ на jQuery и еще в определенном месте написать jQuery.noConflict(); и возможно ещё где-то прописать jQuery(document).ready(f…

    Asked by Newbie257, October 7, 2012

    0 votes
    20 answers
20. Лимит на загрузку файлов (технология:-) )

    Загрузчик на ajax jquery Направьте.... Вначале сделал так. На странице добавления фото, в скрытой DIV data=оставшееся количество загрузок. Считывал их при загрузке фото. И если он еще в норме, то файлы загружаются... Но одна проблема... Я не знаю как в jquery прибавить значение, при каждой загрузке делать +1.... в php это просто $peremennaya+1; //чтение числа с div MUFINISH а точнее с DATA-NAME var uploadlimit=jQuery("div#mufinish").attr("data-name"); //запись обратно числа (как сделать +1 ?!?!?!?) jQuery('div#mufinish').attr('data-name',uploadlimit); //проверка на лимит, если больше 10ти то пшол нафиг if(uploadlimit<="11"){ uploadstatus.text('Вы не можете загр…

    Asked by Bebeka, October 8, 2012

    0 votes
    2 answers
21. Исчезающий блок

    Здравствуйте. Никак не могу решить проблему, очень надеюсь на вашу помощь. Есть вот такое меню, снизу которого находится скрытый блок: (Пример) Структура примерно такая: <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, October 9, 2012

    0 votes
    5 answers
22. Выборочное скрытие ключей объекта в цикле for in

    Скажите пожалуйста можно ли в JavaScript частично скрыть ключи объекта при переборе в цикле for in? Например, если есть объект: a = { a1:'a1', b1:'b1', b2:'b2' }, то мы можем как-то, желательно кроссбраузерно, поколдовать над ним, что бы циклы, на подобие: for(i in a)console.log(i), пробегали только по элементам: i='b1', i='b2'и напрочь игнорировали бы элемент i='a1' ?

    Asked by freeneutron, November 10, 2012

    0 votes
    1 answer
23. Слайдер и фотогалерея

    На странице http://mashinki.net.ua/pages/test/test.php (это тестовая страница) попробовал разместить слайдер(он по середине страницы) и фотогалерею (она в самом низу) слайдер работает вроде бы без ошибок, а вот в галерее заметна небольшая ошибка, которая всё портит при щелчке на фото работает переключение и все предполагаемые эфекты fancybox, но почему-то кнопка закрыть не функционирует и ещё у меня в галерее 5 изображений на локальном компьютере работают пять а на сайте видны в списке только четыре т.е. две проблемы: одна с кнопкой закрытия, а вторая с выводом картинок.

    Asked by Newbie257, October 10, 2012

    0 votes
    16 answers
24. Активная ссылка

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

    Asked by Imperil, October 11, 2012

    0 votes
    5 answers
25. S5 Accordion Menu Module Joomla 2.5

    Здравствуйте. Помогите пожалуйста со скриптом. Есть аккордион меню на моем тестовом сайте но оно раскрывается по нажатию а мне нужно тобы оно раскрывалось по наведеню курсора мыши. Вот Сайт А вот и сам код меню: window.addEvent('domready', function(){ if (s5_am_parent_link_enabled == "0") { var s5_am_parent_link = document.getElementById("s5_accordion_menu").getElementsByTagName("A"); for (var s5_am_parent_link_y=0; s5_am_parent_link_y<s5_am_parent_link.length; s5_am_parent_link_y++) { if (s5_am_parent_link[s5_am_parent_link_y].parentNode.parentNode.tagName == "H3") { s5_am_parent_link[s5_am_parent_link_y].href = "javascript:;"; } } } fu…

    Asked by djwolf, October 11, 2012

    0 votes
    0 answers