JavaScript
A programming language that conforms to the ECMAScript specification
Explore Questions
-
0 votes1 answer
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes0 answers
4,723 questions in this forum
-
Ребята помогите прикрутить .fadeToggle();
Собственно есть скрипт <script type="text/javascript"> /* Menudropdown */ $(function(){ var lis=$("#topbar li:has(.dropdown)").find("a:first").append("").end(); lis.click(function(ee){ if($(ee.target).closest(".dropdown").size()>0){$(this).addClass("selected");ee.stopPropagation();} else { var th=this;lis.filter(function(){return !$(this).is(th);}).removeClass("selected");$(this).toggleClass("selected");return false;} }); $(this).click(function(e){lis.removeClass("selected");}) }); </script> Не могу никак прикрутить плавное появление окна т.е вот пример <script type="text/javascript"> $(document).ready(function() { $('.lb_bt').click(function…
0 votes1 answer -
document.getElementById().style.width
<style> #boxForLogin { width: 100px; } </style> <div id="boxForLogin">dddd</div> <script> var xx = parseInt(document.getElementById('boxForLogin').style.width); alert(xx); </script> не работает, но если прописать стиль сразу блоку, всё гуд <div id="boxForLogin" style="width: 100px;">dddd</div> <script> var xx = parseInt(document.getElementById('boxForLogin').style.width); alert(xx); </script> как мне получить размер в первом случае ? всё, нашел. var o = document.getElementById("id1"); var sty = o.currentStyle || getComputedStyle (o, '');
0 votes12 answers -
Не передаются параметры
Есть массив $row[] с переменными: id (тип integer), name (тип varchar), producer (тип varchar), price (тип integer), amount (тип integer), date (тип date). Эти данные передаются как параметры в функцию echo '<button class="option" id="u'.$id_upd.'" onclick="update_1('.$row["id"].','.$row["name"].','.$row["producer"].','.$row["price"].','.$row["amount"].','.$row["date"].')">Update</button>'; В javascript описана данная функция function update_1(id_upd, name_upd, producer_upd, price_upd, amount_upd, date_upd){ $("#id").replaceWith("<input class='input_id' value="+id_upd+" type='text' />"); $("#name").replaceWith("<input class='input_name' name='name…
0 votes1 answer -
Собственный скролл на jQuery
Всем трям! Есть вот такая штука. Пример конечно сырой, но суть отражает очень близко. Сразу оговорюсь: jQueryUI и прочие прилабуды предлагать не надо (напротив, pure-JS приветствуется), интересует возможность сделать нужное средствами самого jQuery. Итак: Нужно во-первых сделать так, чтобы при щелчке по полосе прокрутки, курсор цеплялся не за ее оптический центр, а за то её место, за которое было "ухвачено". И второе: случается так, что если при перетаскивании отпустить крысу за пределами элемента, не срабатывает событие отпускания крысы. Т.е. потом при ненажатых кнопках скролл тянется за мышью. Все остальное проблем (вроде бы) не вызывает, но любые комментарии по улучшен…
0 votes3 answers -
Присвоение значение объекта
var my_a=document.getElementById('game').style.width; Теоретически, данная конструкция должна присваивать переменной my_a значение ширины элемената, но этого не происходит. Что я делаю не так?
0 votes1 answer -
jquery load
Здравствуйте! Есть такой код: <!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Тест</title> </head> <body> <script language="javascript" type="text/javascript"> $(document).ready(function(){ $('#result').load('inc.html #result'); }); </script> <DIV id="#result"></DIV> </body> </html> файл inc.html: <DIV id="#result"> ТЕСТ </DIV> Почему-то не работает, помогите пожалуйста, что не так.
0 votes7 answers -
Смена картинок по щелчку
Помогите, пожалуйста, исправить. Нужно, чтобы картинки, когда на них щелкаешь, менялись по порядку, а не случайным образом. И чтобы слева и справа от картинки были стрелки и когда на них нажимаешь,картинка меняется на следующую. Вот код программы: SCRIPT LANGUAGE="JavaScript"> <!-- Begin var rand1 = 0; var useRand = 0; images = new Array; images[1] = new Image(); images[1].src = "azbuka/А.gif"; images[2] = new Image(); images[2].src = "azbuka/Б.gif"; images[3] = new Image(); images[3].src = "azbuka/В.gif"; images[4] = new Image(); images[4].src = "azbuka/Г.gif"; images[5] = new Image(); images[5].src = "azbuka/Д.jpeg"; images[6] = new…
0 votes2 answers -
Помогите найти ошибку
Есть список радио кнопок, каждая находится в своем li, при нажатии на другой инпут или лабел класс меняется на активный у li. Если работать с одним списком <ul><li../><li.../></ul> То все отлично, а как быть если их больше? Подскажите пожалуйста, я сам не смогу додумать. Сам код: $(document).ready(function(){ $('.variants input[type="radio"]').click(function() { console.log('li[for="' + $(this).attr('id') + '"'); $('li').removeClass('radioOn').addClass('radioOff'); $('li[for="' + $(this).attr('id') + '"]').removeClass('radioOff').addClass('radioOn') }); $('.variants input[type="radio"]:checked').click(); }); …
0 votes15 answers -
Помогите составить регулярное выражение
Здраствуйте! Подскажите, пожалуйста, каким образом можно из такой ссылки получить такую http://player.vimeo.com/video/54321299 ????Все, сам разобрался)) Кому интересно, решил таким образом var url = 'http://vimeo.com/54321299'; var embed = url.replace('vimeo.com/', 'player.vimeo.com/video/');
0 votes2 answers -
jQuery: Клик по элементу в переменную, как сделать?
Интересует довольно простая задача: есть ряд кнопок, для которых выполняется одна и та же функция. Но хочу написать не для каждой кнопки одну и ту же функцию, а чтобы при клике на кнопку, передавалось в переменную какая именно кнопка была нажата и соответственно выполнялось действие. PS Использую toggle, примерно как выглядит незаконченный код: http://jsfiddle.net/MCMpM/15/
0 votes17 answers -
Легкий спойлер как
Вот есть страница _http://rozetka.com.ua/lenovo_ideapad_y570_59_326322/p208158/ Есть такой спойлер с грандиентом. Подскажите готовое решение
0 votes2 answers -
jQuery click работает только по второму клику
Проблема в том, что первым кликом пропадает изображение, вторым появляется. На верхнем изображении ссылка меняется так же после двух кликов. Как сделать, чтобы всё действовало одним кликом? Код внутри страницы: http://idrugov.ru/slide.php
0 votes4 answers -
"Перейти назад"
Видел на блогах, да и в vk.com есть такая функция как "назад". Тобишь переход на предыдущую страницу. Подскажите каким кодом можно реализовать подобное.
0 votes5 answers -
Помогите, пожалуйста, НЕ РАБОТАЕТ(
Здравствуйте, скажите, пожалуйста, почему скрипт не работает? Нужно, чтобы данные, полученные из формы переносились в базу данных, а потом выводились на страницу в табличку без обновления страницы. Вот скрипт: <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"> </script> <script type="text/javascript"> $(document).ready(function(){ $("#but").click(function(){ $.post('res.php', { 'mess' : $('#mess').val() }, function(dat…
0 votes2 answers -
Эффект выскальзывания страницы
Интерсует эффект выскальзывания, допустим как у этого шаблона: livedemo00.template-help.com/wt_41674/index.html#!/ Загвоздка в том, что этот эффект достигается в пределах одной страницы, если кто код подобных шаблоны разбирал тот поймет о чем речь.. То-есть систему управления не прикрутишь к такому шаблону.. Может есть у кого какой нибудь скрипт аналог, который бы мог помочь создать такой эффект, или может другой похожий.. чтобы можно было шаблон который я сделаю с ним, мог прикрутить к какой нибудь ЦМС.
0 votes2 answers -
masonry
Доброй ночи, подскажите пожалуйста с настройкой плагина masonry. Постоянно с ним возникают проблемы. Есть контейнер в нем контейнеры с которыми нужно работать aticle, он состоит из картинки, текст и формы. При загрузке страницы блоки со второй строчки накладываются на блоки выше... по логике замечаю что не успевает загрузится картинка, а скрипт уже выстраивает элементы. Но если окно браузера менять по размерам, то все выстраивается отлично! В чем может быть проблема? Сначало выстраивал так: $(document).ready(function() $('#container_products').masonry({ // выбираем элемент-контейнер в котором расположены блоки для динамической верстки itemSelector: '.product-galler…
0 votes7 answers -
Движение backround при hover'e
Хочу реализовать движение картинки, управляя мышью, примерно как тут: http://www.strangebrain.ru/ => Галерея. (Двигаем мышью бэкграунд тоже двигается) Для теста решила попробовать вот такой вариант: index.htm <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>Cursor editer</title> <link href="style.css" rel="stylesheet" type="text/css" /> <script src="jquery.js" type="text/javascript"></script> <script src="sc.js" type="text/javascript"></script> </head> <body> <div id="editer">"Runing Water"</div> </body> </html> style.css * …
0 votes3 answers -
Вопрос по window.onload
Есть ли функция схожая с window.onload но сценарий срабатывал непосредственно во время загрузки страницы, а не после нее
0 votes1 answer -
Авто прокрутка блока вниз
Я делаю чат и у меня есть блок со стилем overflow-x:hidden; overflow-y:auto; При добавлении сообщений блок остается на месте и его всегда приходится прокручивать вниз, как сделать так чтоб он сразу прокручивался вниз при добавлении сообщения?
0 votes1 answer -
Получение значений в Jquery UI
Здравствуйте, друзья. Пишу плагин всплывающей подсказки. При на ведении на элемент открывается другой элемент. Открывается он по предустановленной настройке для метода $.show() Примерный код приведу: $('a.activate').on({ moseenter: function(){ var properties = { effect: 'drop', direction: 'down', distance: 20, duration: 300 }; var oncomplete = { complete: function(){ /* Здесь и нужно узнать эффект */ } }; var properties = $.extend( properties, oncomplete ); $('div.bubble').show( properties ); } }) Все это нужно мне чтобы составить условие для определенного эффекта
0 votes1 answer -
Что нужно исправить, чтоб при нажатие на рекламу появлялась кнопка?
Что нужно исправить, чтоб при нажатие на рекламу появлялась кнопка? Внизу приведен код, но он не работает с этой рекламой(( при нажатие на рекламу кнопка Download не появляется(( <a class="dow" href="#" id="down">Скачать</a> <div id="downtab" style="display: none;"> <div id="rek-top"> </div> <div id="rek-centr"> <div class="min_text"> </div> <div id="reklama"> <script type="text/javascript"> var eba3d0a687d7b = 183550; var b57e603c7e0967 = 412344; </script> <script type="text/javascript" src="http://indexbooks.ru/js/1dace4.js"></script> </div> <div id="hidden"…
0 votes4 answers -
Ищу скрипт
Подскажите скрипт. Его функция брать все дивы и раскладывать их равномерно по всей области, на пример izotop.js но без множества дополнительных плюшек. Пример работы: http://pinterest.com/
0 votes2 answers -
Вопрос по уроку "Карусель на jQuery
Собственно многократно перечитав, решил просто посмотреть на конечный результат, который здесь: http://idrugov.ru/karusel.html Блоки li не отображаются, соответственно не понятно как карусель работает. Дабы избежать лучей поноса в свою сторону - весь код взят из урока и мной не правился.
0 votes18 answers -
Feeds scrolling
Есть блок activity feed. В нем блоки с фидами. Высота блока с фидом разная у каждого блока. Вопрос заключаеться в том что бы пролистывать эти блоки вверх, вниз с помощью одного скрола и самая изюминка заключаеться в том, что бы листать по фиду. Что не было такого что фиды показывались на половину внизу родительского блока. Подскажите плагин какой-то. Переломатил много различных плагинов. Ничего нужного не нашел. Загвоздка именно в "...в том, что бы листать по фиду..."
0 votes4 answers -
Не работает .setAttribute() в IE9
В общем такая проблема. Аяксом формируется динамические выпадающие списки типа Регион->Город. Вот кусок JS-процесса создания второго списка (с элементами PHP): obj.options[obj.options.length] = document.createElement('option'); obj.options[obj.options.length - 1].value = '".trim($file[$i])."'; obj.options[obj.options.length - 1].text = '".trim($file[$i])."'; [/JS][code] И если пункт списка отвечает определенным условиям, то устанавливается атрибут: obj.options[obj.options.length - 1].setAttribute('selected', 'selected'); Проблема в том, что во всех неIE браузерах нужный атрибут selectet устанавливается нормально. А в IE - нет. Ни один тег <option> не имеет а…
0 votes3 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-