JavaScript
A programming language that conforms to the ECMAScript specification
Explore Questions
There are no popular questions to show right now
-
0 votes1 answer
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes0 answers
4,723 questions in this forum
-
Проблема в верстке списка тегов, разширение тега при наведении из за этого переносит на новую строку
Что есть: Есть блок с размером 960px В этом блоке есть большой список тегов в несколько строк, этот список может меняться (количество тегов, текст внутри), при наведении на тег к нему добавляется padding-right: 23px чтобы появилась иконка. Примерный код: <div style="width: 960px"> <div style="float: left;">Тег 1</div> <div style="float: left;">Тег 2</div> <div style="float: left;">Тег 3</div> <div style="float: left; padding-right: 23px;">Тег на который наведена мышка</div> </div> Проблема: Бывает что теги в одной строке занимают всю ширину 960px, при наведении на один из тегов к нему добавляется padding-right: …
0 votes8 answers -
Помогите разобраться в чужом коде
Добрый день. Копаюсь в исходниках Leaflet и нашел там немного магии, которую никак не могу понять =) А именно Class.js. В методе extend: var F = function () {}; F.prototype = this.prototype; var proto = new F(); proto.constructor = NewClass; NewClass.prototype = proto; Что здесь происходит и для чего эта магия с прототипами? Для чего тут переменная F? И что такое и какую функцию выполняют InitHooks? (это уже дальше по коду)
0 votes1 answer -
Учу js, вопрос по prototype
Запутался в прототипах, подскажите, как из метода, заданного через prototype можно обратиться к частному свойству, попробую объяснить на примере, что мне непонятно: function Constr(){ var count = 7; } Constr.prototype.alertCount = function(){alert(count)}; var a = new Constr(); a.alertCount(); // не видит count Если задать метод в самом конструкторе, то он может работать с этой переменной: function Constr(){ var count = 7; this.alertCount = function(){alert(count)}; } var a = new Constr(); a.alertCount(); // 7 Я понимаю, что можно сделать count общедоступным через this и все будет работать, но интересует именно описанный выше момент.
0 votes2 answers -
Не обрабатывается ajax фильтр в FF, Opera а в IE все ок
Не обрабатывается ajax фильтр в FF, Opera а в IE все ок. Не пойму в чем дело. Вот сайт: http://faksal.ru/category/usb-flash-nakopiteli/. помгите решить проблему. Кто решит тому 3 серых енота ($3).
0 votes0 answers -
Как применить свйство CSS через getElementsByClassName?!
Изучаю Javascript, не могу понять почему не получается, и как быть? <div class="one">Статья</div> <div class="two">Длинная статья</div> <script> var articles = document.getElementsByClassName('one'); articles.style.backgroundColor = "green"; </script> Вообще можно ли применять css через getElementsByClassName!?
0 votes2 answers -
Подскажите ребята пожалуйста!
Как сделать такое же слайд-шоу как на http://comfy.ua/ (с раскачкой).Ответы типа -"Скопируй код не интерестны"
0 votes0 answers -
как сделать кнопку, при нажатии на которую окрашивался бы в определенный цвет кусок текста?
Вопрос отражен в заглавии. Пусть дан текст "мама мыла раму". Нужно сделать кнопку, после нажатия которой текст бы становился, например, красным. Опишите, пожалуйста, более подробно, если это возможно.
0 votes4 answers -
А Вы знали о существовании метода {}.filter() ?
Я вот узнал только недавно в результате поиска причины странного поведения скрипта при использовании объектов типа: object = {filter:filter}
0 votes3 answers -
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 отрабатыв…
0 votes2 answers -
Интересное использование цикла for
Читаю учебник, наткнулся на пример. Вот код: function tail(o) { for(; o.next; o = o.next) return o; } Вот описание: В данном примере цикл for используется для обхода связанного списка структур данных и получения последнего объекта в списке (например, первого объекта, который не имеет свойства next). Никак не могу понять, как работает данный код
0 votes15 answers -
удаление средствами .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,''); НО этот скрипт отказывается работать с символами <!--? …
0 votes7 answers -
закруглённое меню в jq ui
в jquery ui есть возможность преобразовать радиокнопки в меню, у которого крайние кнопки закруглены. помогите пожалуйста применить эту же технику к <a> или <li>
0 votes1 answer -
instanceof и isPrototypeOf - есть ли разница?
var a = []; a instanceof Array // true Array.prototype.isPrototypeOf( a ) // true a instanceof Object // true Object.prototype.isPrototypeOf( a ) // true a instanceof Date // false Date.prototype.isPrototypeOf( a ) // false Вопрос: instanceof и isPrototypeOf всегда выдают одно и то же? Если да, то зачем нужно и то и другое если достаточно чего-то одного? Если нет - пример?
0 votes10 answers -
Звук на странице по клику
Подскажите, пожалуйста, способы подключить кроссбраузерно (ну хотя бы ИЕ8+, но лучше ИЕ7+) проигрывание звука на странице (не фоном, а по клику, с возможностью остановить). Плеера готовые, или самой написать без разницы (все равно готовые буду потрошить и подгонять под то, что нужно на самом деле). Нашла пока только jsound 1.0.1, но он не работает в ИЕ8...
0 votes4 answers -
Предзагрузка графики и плавное "появление" к бэкграунда
Не пинайте сильно. Я в джаваскрипте ноль. Сейчас у меня по таймеру меняется бекграунд через каждый N секунд. Но при небыстром интернете это происходит равно, не всегда картинка успевает догрузиться и грузится следующая. Наглядно: собтвенно сам сайт Нужно: план минимум: устранить "равнность" - например предзагрузкой шести вариаций бекгрануда в кеш браузера как вариант план максимум: сделать чтобы бэкграунд плавно заменял предидущий, опять таки уже загрузившись в кеш. В какую сторону смотреть? может есть готовые решения? Заранее очень благодарен за любые подсказки.
0 votes4 answers -
Как задать обработчики событий к динамически созданным элементам?
Имеется таблица, которая создается динамически. Необходимо к каждой ячейке таблицы прикрепить 2 обработчика событий - onmouseover и onmouseout таким образом, чтобы при наведении на каждую ячейку подсвечивались строчка и столбец в которых находится ячейка. Функция для подсвечивания имеется и работает, но только на статически созданных элементах (прописанных вручную в HTML). Сама функция подсвечивания имеет 2 входных параметра - row и col. Помогите прицепить события ко всем ячейкам таблицы. P.S. Присоединение обработчиков происходит в функции конструкторе ячейки таблицы.
0 votes4 answers -
Сжать код
Еще раз прошу объяснить структуру построения кода) Собственно есть страничка, на который более 20 ссылок (списки, img). По клику на ссылку x1, divX меняется на div1. По клику x2, divX меняется на div2. И т.д., где divX - див с номером соответствующим активной ссылки. Допустим div19 при клике на x5, сменится на div5. Вроде ясно объяснил) var x1 = $('.x1'), x2 = $('.x2'), divY = $('.divY'); x1.on('click', function(){ $.when( divY.children().fadeOut('slow')) .then (function() {divY.find('.x1').fadeIn('slow');} ); } ); Вот что у меня получилось, но таких кусков значит надо будет писать порядка 20, а это загромоздит мне там все) Можно ли как то все эт…
0 votes3 answers -
Уезжающий налево див по средствами jq
Возникла проблема с реализацией следующего: есть три дива, вертикально расположенных друг за другом. Есть также img (позиционирован абсолютно), он служит "кнопкой" и находиться между(поверх) 2 и 3 дивом. Хотел сделать так, что бы при нажатии на этот img - див2 уезжал налево и исчезал (типа slideUp, только влево), и одновременно с ним, смещался налево этот самый img на x пикселей, но не исчезал И при повторном нажатии на Img див2 выезжал направо и img так же направо. Перепробовал много способов, вешал click, toggle, animate все всегда по разному получалось. К примеру, вроде бы (как я думал ), должен был помочь /*$(document).ready(function(){ $(".io").toggle( function(){…
0 votes6 answers -
Помогите найти скрипт
Вот в чем дело, особо не шарю в скриптах, потому прошу знающих. Есть на странице некая область, под ней чекбоксы и текстовые поля, если человек отмечает чекбокс "аренда" - то в этой некой области появляется "аренда" и так далее, то есть все что отмеченное и вписано в текстовых полях - генерируется на эту область и формирует описание объекта. Как это реализовать? Есть ли готовые решения? Если да - то подскажите как такой скрипт называется.
0 votes3 answers -
Всплывающее окно без использования сторонних скриптов
Необходимо, чтоб при нажатии на ссылку всплывало по центру экрана окно с возможностью выбора из нескольких ссылок. при выборе это окно должно пропадать и переводить по выбранному пути. Условие - весь код должен помещаться только на одной странице, тк нет доступа к CSS и диску. Только эта страница. Кто-нибудь может что-то посоветовать? http://pers.narod.ru/jscript/js_popup_help.html тут - идеально, правда, хотелось бы чтоб окно всплывало не только при нажатии на картинку, но и на текст. как переделать, что-то не прилажу ума..
0 votes3 answers -
Загнать в память содержимое дива
http://jsfiddle.net/335wB/ Представим, что в block есть див с картинками(x1 к примеру), при нажатии на btn он уезжает и выезжает с этими же картинками. На странице есть еще несколько ссылок, при клике на одну из них, x1 угасает и появляется новый див x2 с другими картинками. Но при клике на btn, block уезжает, при повторном клике выезжает, но опять с дивом x1(т.е. с начальными картинками) Проблема: как сделать, что бы block выезжал с x2, т.е. с тем дивом кот. был последний в block? т.е. jquery должен запоминать какой див был последним в block и показывать именно его
0 votes3 answers -
Простой код счетчика - нужна оценка и помощь
Добрый день, уважаемые форумчане! Я не особенно дружу с JS и недавно решил прокачать свои скиллы, сделав что-нибудь простенькое. Задумал сделать счетчик для подсчета чего либо на сайте, например количество товара. Вобщем набросал немного кода и вот что получилось: http://jsfiddle.net/6j8ss/1/ (CSS там слегка корявый, на данном этапе не важно) Однако у меня возникло несколько вопросов: 1. Не получилось кроссбраузерно реализовать увеличение значения в счетчике стрелками на клавиатуре - работает только в FF. Гуглил, однако не нашел решения. Хотелось бы получить ссылку или совет, как можно реализовать это кроссбраузерно 2. Как можно инициализировать скрипт в head документа? Т…
0 votes4 answers -
Глюк скрипта в mozilla firefox
проблема решена, спасибо
0 votes1 answer -
обрезать строки
помогите пожалуйста найти скрипт, обрезающий строки в интернет-магазине описания товаров слишком длинные. хотелось бы сократить их до определённого количества строк(например до 3). но проблема в том, что описания созданы через визивиг и поэтому в тексте содержатся различные тэги типа span, div, p и т.д. однако каждое описание находится в контейнере .text хотелось бы что-нибудь типа такого jQuery('.text').correctLines( 3, '' ); вот пример кода <article class="item2"> <div class="top"> <h1> <a data-product="1" href="products/apple-iphone-4s-16gb">Apple iPhone 4S 16Gb</a> </h1> <form class="variants" action="/cart"> &l…
0 votes21 answers -
Замена псевдокласса :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'); }); Т.е. когда наводим на любое изображение в д…
0 votes3 answers