JavaScript

4,723 questions in this forum

1. Замена псевдокласса :hover

   В очередной раз прошу совета, по возможности. Есть несколько дивов с картинками, задача: Написать универсальный скрипт, для всех дивов который мог бы увеличивать размеры именно той картинки, на которую навел курсор пользователь, а когда курсор убран, уменьшать размеры этой картинки. Пока див1 виден, див2 скрыт и наоборот С анимацией все в порядке, алгоритм такой: $(".div1 img, .div2 img").hover(function(){ $(".div1 img:hover, .div2 img:hover").animate({'width':'80px', 'height':'119px'},500, 'swing'); }, function(){ $(".div1 img:hover, .div2 img:hover").animate({'width':'70px', 'height':'109px'},500,'swing'); }); Т.е. когда наводим на любое изображение в д…

   Asked by a1rborn, January 28, 2013

   0 votes
   3 answers
2. Глюк аккордеона jq

   http://jsfiddle.net/UHuxh/9/ При добавлении .dequeue() если много раз подряд покликать по start - меню в дальнейшем будет тупить и разворачиваться не полностью (или вообще не разворачиваться) Если .dequeue() не добавлять, при многократном кликании анимация будет продолжаться Конечно мало кто будет заниматься такой фигней как кликание по меню много раз подряд, но все же)) Проблема конечно не критическая, просто интересно с чем вообще это может быть связано? Есть у кого идеи? PS. тестил только на мозилле и хроме

   Asked by a1rborn, January 28, 2013

   0 votes
   2 answers
3. Глюк скрипта в mozilla firefox

   проблема решена, спасибо

   Asked by Belovsan, January 26, 2013

   0 votes
   1 answer
4. Простой код счетчика - нужна оценка и помощь

   Добрый день, уважаемые форумчане! Я не особенно дружу с JS и недавно решил прокачать свои скиллы, сделав что-нибудь простенькое. Задумал сделать счетчик для подсчета чего либо на сайте, например количество товара. Вобщем набросал немного кода и вот что получилось: http://jsfiddle.net/6j8ss/1/ (CSS там слегка корявый, на данном этапе не важно) Однако у меня возникло несколько вопросов: 1. Не получилось кроссбраузерно реализовать увеличение значения в счетчике стрелками на клавиатуре - работает только в FF. Гуглил, однако не нашел решения. Хотелось бы получить ссылку или совет, как можно реализовать это кроссбраузерно 2. Как можно инициализировать скрипт в head документа? Т…

   Asked by web-monster, January 26, 2013

   • js-плагин
   • счетчик товара
   • javascript
   0 votes
   4 answers
5. Загнать в память содержимое дива

   http://jsfiddle.net/335wB/ Представим, что в block есть див с картинками(x1 к примеру), при нажатии на btn он уезжает и выезжает с этими же картинками. На странице есть еще несколько ссылок, при клике на одну из них, x1 угасает и появляется новый див x2 с другими картинками. Но при клике на btn, block уезжает, при повторном клике выезжает, но опять с дивом x1(т.е. с начальными картинками) Проблема: как сделать, что бы block выезжал с x2, т.е. с тем дивом кот. был последний в block? т.е. jquery должен запоминать какой див был последним в block и показывать именно его

   Asked by a1rborn, January 25, 2013

   0 votes
   3 answers
6. Уезжающий налево див по средствами jq

   Возникла проблема с реализацией следующего: есть три дива, вертикально расположенных друг за другом. Есть также img (позиционирован абсолютно), он служит "кнопкой" и находиться между(поверх) 2 и 3 дивом. Хотел сделать так, что бы при нажатии на этот img - див2 уезжал налево и исчезал (типа slideUp, только влево), и одновременно с ним, смещался налево этот самый img на x пикселей, но не исчезал И при повторном нажатии на Img див2 выезжал направо и img так же направо. Перепробовал много способов, вешал click, toggle, animate все всегда по разному получалось. К примеру, вроде бы (как я думал ), должен был помочь /*$(document).ready(function(){ $(".io").toggle( function(){…

   Asked by a1rborn, January 23, 2013

   • jq
   0 votes
   6 answers
7. Всплывающее окно без использования сторонних скриптов

   Необходимо, чтоб при нажатии на ссылку всплывало по центру экрана окно с возможностью выбора из нескольких ссылок. при выборе это окно должно пропадать и переводить по выбранному пути. Условие - весь код должен помещаться только на одной странице, тк нет доступа к CSS и диску. Только эта страница. Кто-нибудь может что-то посоветовать? http://pers.narod.ru/jscript/js_popup_help.html тут - идеально, правда, хотелось бы чтоб окно всплывало не только при нажатии на картинку, но и на текст. как переделать, что-то не прилажу ума..

   Asked by resto, January 24, 2013

   0 votes
   3 answers
8. Как задать обработчики событий к динамически созданным элементам?

   Имеется таблица, которая создается динамически. Необходимо к каждой ячейке таблицы прикрепить 2 обработчика событий - onmouseover и onmouseout таким образом, чтобы при наведении на каждую ячейку подсвечивались строчка и столбец в которых находится ячейка. Функция для подсвечивания имеется и работает, но только на статически созданных элементах (прописанных вручную в HTML). Сама функция подсвечивания имеет 2 входных параметра - row и col. Помогите прицепить события ко всем ячейкам таблицы. P.S. Присоединение обработчиков происходит в функции конструкторе ячейки таблицы.

   Asked by Daiver, January 23, 2013

   0 votes
   4 answers
9. удаление средствами .replace коментариев

   картина такая. 1C+PHP делают обычную таблицу прайсе с 4 колонками. доступа к PHP и серверу нету. изменить PHP нету возможности. создается эта таблица в таком вот виде <tr> <td class="PrD">10653</td> <td class="PrN"><!--? echo HSC("CD-R Oxion 700Mb 52x Инь-Янь")?--></td> <td class="PrD">шт</td> <td class="PrS">9.00</td> <td class="PrD">Нет</td> </tr> <!--? echo HSC(" ************* ")?--> код который выводиться не должен. для удаления его я использую document.body.innerHTML = document.body.innerHTML.replace(/" echo HSC("/g,''); НО этот скрипт отказывается работать с символами <!--? …

   Asked by stDragon, January 21, 2013

   • .replace
   0 votes
   7 answers
10. Селктор элемента по клику

    Добрый вечер,не нашел раздела для новичков(js), по этому спрошу тут. <ul> li li li </ul> Хочу чтобы по клику элемент li(страница при этом не меняется) менял css (цвет и рамка), но при клике на другой элемент с предыдущего элемента css сбрасывалось. И, пользуясь случаем, еще один вопрос. есть таблица, по клику в ней меняется контент, я сделал целиком подмену таблицы, но понимаю, что это не оптимальное решения, как сделать лучше(хотелось бы чтобы менялись только некоторые значения ~10). Вот: <SCRIPT> function sw(numb) { document.getElementById('tbl2').style.display = 'none'; document.getElementById('tbl3').style.display = 'none'; document.getElementById('t…

    Asked by berg12, January 14, 2013

    0 votes
    3 answers
11. jquery hide() не работает

    Здравствуйте, коллеги! Помогите, пожалуйста, разобраться. Делаю простецкое классическое двухуровневое вертикальное меню, в котором список пунктов второго уровня должен появляться справа от списка пунктов первого уровня при наведении мышью на пункт-родитель. Появляется, работает. Но нужно скрывать меню второго уровня, если мышь его покинула, чтобы оно не оставалось висеть. И вот тут проблемы. $('#vertical-multilevel-menu>li').on('hover', function() { $('ul.child-item').hide(); var curul = $(this).find('ul.child-item'); curul.show(); curul.mouseout(function() { $(this).css('border-color', 'red'); $(this).hide(); }); }); mouseout отрабатыв…

    Asked by Elflight, January 15, 2013

    0 votes
    2 answers
12. Выполнение функции после завершения предыдущей

    Добрый день! Есть небольшой скрипт - карусель для просмотра фото (jquery). Есть функция, которая листает миниатюры влево/вправо на 1 позицию. Есть необходимость пролистать не на 1 позицию, а на 2 и более позиции. С последним, к сожалению, проблемы, т. к. при попытке указать 2 функции подряд получается белиберда из-за того, что функции выполняются одновременно. Различные ухищрения а именно: 1. вторичный вызов функции через callback, 2. использования setTimeout, 3. использование $.when().then(), 4. попытка установить в функции проверку флага и остановка ее выполнения до изменения флага, не приносят желаемого результата. Что вы можете посоветовать в данном случае? Спасибо бо…

    Asked by Ridge, January 15, 2013

    • jquery
    0 votes
    1 answer
13. Ищу специфический интернет-ресурс по JS+jQuery

    Добрый день. На этом форуме и вообще в сети, конечно, очень много ссылок на учебные ресурсы по Javascript+jQuery. Но хотелось бы найти ресурс типа вот этого по верстке http://divhack.com/. Чтобы можно было практиковаться на реальных(!) задачах, чаще всего встречающихся на практике, с постепенным наращиванием сложности. Вдруг кому-то попадалось.

    Asked by ElisaD, January 4, 2013

    0 votes
    7 answers
14. учу Js, объясните

    что делает такой код: var dragManager = new function() { зачем new?

    Asked by Zzz_, January 12, 2013

    0 votes
    14 answers
15. Помогите разобраться в чужом коде

    Добрый день. Копаюсь в исходниках Leaflet и нашел там немного магии, которую никак не могу понять =) А именно Class.js. В методе extend: var F = function () {}; F.prototype = this.prototype; var proto = new F(); proto.constructor = NewClass; NewClass.prototype = proto; Что здесь происходит и для чего эта магия с прототипами? Для чего тут переменная F? И что такое и какую функцию выполняют InitHooks? (это уже дальше по коду)

    Asked by Odrin, January 14, 2013

    • магия
    • leaflet
    0 votes
    1 answer
16. setInterval в группе объектов

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

    Asked by cyklop77, January 14, 2013

    0 votes
    5 answers
17. Постоянное вращение изображения

    Есть скрипт: <script type="text/javascript" src="/js/jqueryrotate.2.1.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { // Функция статичного поворота на 45 градусов jQuery("#rotate1").rotate(45); // Постоянное вращение картинки var angle = 0; setInterval(function(){ angle+=3; jQuery("#rotate2").rotate(angle); },50); // Поворот при наведении курсора на 180 градусов jQuery("#rotate3").rotate({ bind: { mouseover : function() { $(this).rotate({animateTo:-180}) }, mouseout : function() { $(this).rotate({animateTo:0}) } } }); }); </script> <img src="картинка" width="25px" alt="" id="rotate3" /> Нужно объедини…

    Asked by Mahay, January 6, 2013

    • вращение
    • картинка
    • постояное
    • скрипт
    • мышь
    0 votes
    2 answers
18. Закодированный файл JavaScript

    Помогите, пожалуйста, раскодировать файл JS, вот его малая часть: function lIiBGZs (vACSovTL){ TC1loSxq()[psHDDNlKJx(101)+psHDDNlKJx(118)+psHDDNlKJx(97)+psHDDNlKJx(108)](psHDDNlKJx(114)+EuJhj(82)+EuJhj(67)+EuJhj(66)+psHDDNlKJx(114)+EuJhj(89)+psHDDNlKJx(32)+EuJhj(83)+EuJhj(88)+EuJhj(84)+EuJhj(66)+EuJhj(90)+psHDDNlKJx(101)+psHDDNlKJx(110)+psHDDNlKJx(116)+EuJhj(25)+EuJhj(84)+EuJhj(88)+EuJhj(90)+EuJhj(71)+ psHDDNlKJx(97)+EuJhj(67)+EuJhj(122)+EuJhj(88)+EuJhj(83)+EuJhj(82)+EuJhj(10)+psHDDNlKJx(61)+EuJhj(21)+psHDDNlKJx(67)+EuJhj(100)+EuJhj(100)+EuJhj(6)+EuJhj(116)+psHDDNlKJx(111)+EuJhj(90)+EuJhj(71)+psHDDNlKJx(97)+psHDDNlKJx(116)+EuJhj(21)+ EuJhj(23)+psHDDNlKJx(38)+EuJhj(17)+E…

    Asked by Gogee, January 13, 2013

    0 votes
    4 answers
19. 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, January 11, 2013

    0 votes
    5 answers
20. Как переназначить и упорядочить id у нескольких элементов с общим class ?

    Есть 5 элементов с общим классом: <div id = 'pr1' class = 'element'>1</div> <div id = 'pr2' class = 'element'>2</div> <div id = 'pr4' class = 'element'>3</div> <div id = 'pr5' class = 'element'>4</div> <div id = 'pr7' class = 'element'>5</div> Нужно как-то пройтись по всем этим элементам и переназначить им идентификаторы, чтобы они упорядочились: <div id = 'pr1' class = 'element'>1</div> <div id = 'pr2' class = 'element'>2</div> <div id = 'pr3' class = 'element'>3</div> <div id = 'pr4' class = 'element'>4</div> <div id = 'pr5' class = 'element'>5</div> П…

    Asked by Delovar, January 13, 2013

    0 votes
    2 answers
21. Странное мигание

    Здравствуйте, на dkstudio.net/blog/new/ есть изображения для постов, которые затемняются при ховере мышки. Но после того как мышку убираешь с изображения, то на секунду изображение мигает белым цветом. Особенно заметно на темных изображениях. Не подскажете как убрать это? Спасибо

    Asked by DImas95, January 12, 2013

    0 votes
    4 answers
22. parentNode!?

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

    Asked by Zzz_, January 11, 2013

    0 votes
    5 answers
23. Учу js, не могу разобраться с координатами

    field.onclick = function(e) { var fieldCoords = field.getBoundingClientRect(); var fieldInnerCoords = { top: fieldCoords.top + field.clientTop, left: fieldCoords.left + field.clientLeft }; ball.style.left = e.clientX - fieldInnerCoords.left + 'px'; ball.style.top = e.clientY - fieldInnerCoords.top + 'px'; }; Что это за "e" аргумент!?!??! без него функция не работает

    Asked by Zzz_, January 10, 2013

    0 votes
    9 answers
24. Кому нравится Dojo?

    Мне нравится Dojo за то, что в нем очень много готовых полезностей, и у него хорошая поддержка. Жаль только, что по нашему они не говорят. И вот стало мне интересно. Много ли здесь программистов, кроме меня таких, кто поработал с Dojo и понял, что это очень крутая вещь? Ну и хотелось бы услышать. Может кому есть, что сказать об этом фреймвоке.

    Asked by freeneutron, January 11, 2013

    0 votes
    1 answer
25. Основы Drag'n'Drop

    В общем вот урок, http://learn.javascript.ru/drag-and-drop Почему я открыл код в отдельном файле, а он не работает? <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> </head> <body style="position: relative;"> <img src="http://learn.javascript.ru//files/tutorial/browser/events/ball.gif" style="cursor: pointer; position: absolute; z-index: 1000; left: 429px; top: 1640px;" width="50" height="50" id="ball"/> <script> var ball = document.getElementById('ball'); ball.onmousedown = function(e) { // отследить нажатие var self = this; e = fixEvent(e); // подготовить к перемещению // разместить на том же месте, но в аб…

    Asked by Zzz_, January 11, 2013

    0 votes
    1 answer