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
4723 questions in this forum
-
Несколько таймеров на одну страницу
Здравствуйте, Подскажите, пожалуйста, как на JS сделать несколько таймеров, у меня не получается. <span id="cd">60</span> PHP скрипт выводит время (разное), но таймер работает только с одним элементом cd, другие стоят на месте. function cooldown() { var cd=document.getElementById('cd'); setTimeout(cooldown,1000); cd.innerHTML--; if (cd.innerHTML<=0) document.getElementById('cd_text').innerHTML=''; } setTimeout(cooldown,1000); Да, я знаю что скрипт неверный, но я не понимаю как сделать чтобы похожий скрипт работал со всеми элементами cd :/ Подскажите?
0 votes1 answer -
Запрет на активность
Здравствуйте! Подскажите, пожалуйста, как можно сделать такое: - есть блок, размеры которого изменяются с помощью плагина resizable. - в этом блоке есть другой блок - "аккордеон" и две кнопки: "разрешить" и "запретить". Как можно сделать, чтоб при клике на кнопку "запретить", содержимое блока "аккордеон", т.е. сам он собственно, не функционировал? Скриншот прилагается.
0 votes8 answers -
FIREBUG - проблема с русским текстом в документе
Версии: FIREFOX - 3.0.6 FIREBUG -1.3.2 Если в документе в любом разделе (HTML, CSS, JavaScript) есть русские буквы, то при открытии FIREBUG выдает ошибку: Вот такой текст откроется без ошибки: А такой с ошибкой: Можно ли победить ?
0 votes2 answers -
Проверить на JS является ли target.element элементом списка?
Здравствуйте. Подскажите пожалуйста, в цикле перебираю элементы и как проверить что очередной элемент является элементом списка 'li' (или дивом - не важно, главное сам принцип проверки). Пока сделал вот так target.toString() === '[object HTMLLIElement]' Но как то это коряво выглядит
0 votes2 answers -
Добавление в div класа
Добрый день. Есть подряд несколько дивов с одинаковыми класами. Задача на каждый второй добавить дополнительный клас reverse. Например: <div id="content"> <div class="object slider-with-block-3"></div> <div class="object slider-with-block-3"></div> <div class="object slider-with-block-3"></div> <div class="object slider-with-block-3"></div> <div class="object slider-with-block-3"></div> </div> Подскажите решение через Javascript
0 votes2 answers -
Не работает jQuery (частично)
Столкнулась с проблемой index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Курс по Javascript</title> <link href="css/mystyle.css" rel="stylesheet" type="text/css" /> <script src="js/myScripts.js" type="text/javascript"></script> <script src="js/jquery.js" type="text/javascript"></script> </head> <body> <!-- Общий div для всей в -->…
0 votes6 answers -
Как исправить плейлист?HELP!
помогите пожалуйста как исправить плейлист когда нажимаю на 3 сезон серии исчезают пример здесь http://likekino.net/1308-flesh-20-seriya.html вот js код var pos = 0;var poz = 0;var sea = null;var width = 600; var uvk = new Object();(uvk = { init: function () { if (/likekino.net/i.test(document.domain)) { document.write("<div id=\"uber-vk-write\" align=\"center\">\ <ul id=\"uber-vk-season\"><li id=\"seasons\"></li></ul>\ <div id=\"uber-vk-player\"></div>\ <ul id=\"uber-vk-serial\"></ul>\ <a href=\"javascript://\" class=\"prev\" onclick=\"uvk.move(1);\">prev</a>\…
0 votes0 answers -
Замена контента
Здравствуйте друзья, я с JS только недавно знаком, и меня интересует вопрос, как можно сделать замену контента по клику, а потом если кликаеш по иному, тот что был активирован возвращаеться в прежний?
0 votes3 answers -
Проблемы с jqBootstrapValidation валидацией
Всем привет,Есть форма с валидацией библиотеки ref ... jQuery(document).ready(function ($) { ShowCaptureImage(); $(".has-error").bind('change keypress', function () { $(this).removeClass("has-error"); }); $("#register_username").focus(); $("input,textarea,select").jqBootstrapValidation( { preventSubmit: true, submitError: function($form, event, errors) { alert( "submitError errors::"+var_dump(errors) + " : " + (typeof errors) ) return true; // Here I do nothing, but you could do something like display // the error messages to the user, log, etc. }, submitSuccess: function($form, event) { alert("OK"); MakeOperatorRegister(); event.preventDefault(); }…
0 votes0 answers -
Вывод divов
Доброго времени суток, недавно начал изучать js нужна помощь в таком вопросе: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Первый сайт</title> <link rel="stylesheet" href="css/styles.css"> </head> <body> <div id="a"></div> <div id="a"></div> <div id="a"></div> <div id="a"></div> <div id="a"></div> <div id="a"></div> <div id="b"></div> </body> <style> #b{ height:100px; width:100px; background:grey; float:left; margin-right:2px; } #a{…
0 votes5 answers -
код не работает в Е
подскажите, почему вот такая функция работает в Мозиле но не работает в ИЕ function sndvl() { p=opener; if(p!=null) p.document.forms.forma1.inp1.value=document.forms.form2.inp2.value; }
0 votes5 answers -
Помогите скриптом :)
Есть вот такая конструкция. <ul> <li id="navi2><a href="#" onclick="document.getElementById('nav2').style.display=document.getElementById('nav2').style.display=='none'?'block':'none'; return(false)">Шкафы</a> <ul id="nav2" style="display: none;"> <li><a href="#">Купе</a></li> <li><a href="#">Комоды</a></li> </ul> </li> </ul> Что требуется? Если у элемента с id="nav2" задано свойство "display: block", то элементу с id="navi2" присваивается class="active". А если у элемента c id="nav2" задано свойство "display: none", то у элемента с id="navi2" удаляется class="activ…
0 votes5 answers -
не могу изменить картинку бекграунд имедж по средствам ява скрипт
здравствуйте ! помогите , не могу понять свою ошибку , функция получает номер закладки , в цикле я устанавливаю всем закладкам картинку бекграунда не включенной закладки потом по номеру я делаю фон включенной закладки применяя к фону другую картинку и вставляю содержимое закладки почему не меняются картинки причем если я меняю просто фон на цвет работает а картинку не меняет function mark(num) { for ( i = 0; i < 4; i++ ) { document.getElementById(marks).style.backgroundimage="url(images/sb_botton_off.jpg)"; } document.getElementById(marks[num]).style.backgroundimage="url(images/sb_botton_on.jpg)"; document.getElementById("cont").innerHTML = docume…
0 votes2 answers -
Отрисовка в canvas методом lineTo()
Здравствуйте. Возникла проблема с выделением элементов. У меня есть изображение, на нём расположены несколько фигур неправильной формы. При наведении на фигуру - её область окрашивается в другой цвет. Проблема в том, что при наведении на следующую фигуру, почему-то запоминаются координаты той фигуры, на которую я наводил до этого, и выделяются сразу 2 фигуры. При наведении на третью - выделяются 3 и т.д. Подскажите, как очистить этот метод lineTo(), чтобы при каждом новом наведении координаты перезаписывались, а не добавлялись? При выводе курсора из области фигуры у меня запускается следующий код: cxt.clearRect(0,0,cxt.width,cxt.height); cxt.width = cxt.width; cxt.global…
0 votes7 answers -
Изменение одинаковых стилей для разных элементов
Всем привет! Если немного упростить вопрос сводится к следующему. Допустим у нас имеется три абзаца. У каждого из них нужно, допустим, динамически изменять цвет и шрифт. Т.е. по сути одинаковые параметры. Я вижу два варианта, как это можно сделать. 1) Обращение к элементу, отвечающему за изменение через свой класс настройки и изменение соответствующего абзаца. Пример: http://www.jsfiddle.net/PGSwZ/ 2) При обращении к элементу, происходит вычисление его родителя и в зависимости от этого с помощью инструкции switch устанавливается, к какому из абзацев должны быть применены стили. Пример: http://www.jsfiddle.net/Kr3xZ/ Пока я остановилась на втором варианте, но может есть бо…
0 votes5 answers -
Скрипт подсветки придмеров
Есть такой скрипт http://static.wowhead.com/widgets/power.js Он выводит информацию о предмете. Прошу специалистов помочь его переделать, так что бы он брал информацию не из wowhead.com, а из другово сайта. Что нужно подправить?
0 votes4 answers -
Подскажите люди добрые...
Всем привет! Имеется таблица с 3 колонками, в зависимости от разрешения экрана (1024х768) колонка по середине должна исчезнуть, ну и логично при более высоком разрешении появиться. Куда копать? Можно примерами. Заранее благодарствую!
0 votes6 answers -
Пропадает блок при подключении OwlCarousel
Здравствуйте, кажется я делаю что-то не так, но вот что именно никак не пойму. Проблема в следующем: подключаю карусель и блок становится неактивен, хотя вроде бы все должно работать как нужно. Пробовал подключать карусель и через cdn и через скачанный архив - результат один и тот же. Открывал через google, firefox и opera-у - все так же никакого сдвига. Подключал по инструкции на официальном сайте. Пробовал использовать SlickSlider, но результат тот же.
0 votes0 answers -
Проблема со скриптом Snow Effect
Суть вопроса... на сайте http://www.dynamicdrive.com/dynamicindex3/snow.htm есть скрипт Snow Effect. (снежинки на сайте) <script type="text/javascript"> /****************************************** * Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html) * Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code * Last updated Nov 9th, 05' by DD. This notice must stay intact for use ******************************************/ //Configure below to change URL path to the snow image var snowsrc="snow.gif" // Configure below to change number of snow to render var no = 10; // Configure whether snow should disapp…
0 votes1 answer -
Проблемы с кодировкой при вызове javascript
Много пишут про глюки с кодировкой в ajax, но у меня она глючит и просто при вызове javascript функции. Функция проста - меняет содержимое <textarea> прибавляя туда текст полученный из ссылки. Ссылка выглядит так java script:replyy('текст'); Так вот русские буквы вставляются нормально во всех браузерах кроме оперы. В опере в textarea приписывается кракозябра. Вот сама функция function replyy(namee) { document.forma.text.value='[b]'+namee+'[/b], '+document.forma.text.value; var x = document.getElementById('repp'); x.scrollIntoView(); } Есть ли у вас какие мысли как облегчить жизнь юзерам оперы?
0 votes1 answer -
Объясните неучу
Пример. Хочу чтобы при наведение на фото, свойство opacity постепенно изменялось до 0, а если убрать мышь то возвращалось к исходному значению. Часть скрипта скопипасил с других ресурсов, поэтому сам понимаю его процентов на 90%. В частности зачем передавать event как аргумент в функцию opacityDown()? Если аккуратно то все нормально, но если быстро водить мышкой то не успевает отрабатывать. Где я просчитался? window.onload = function ready(){ var menuLi = document.getElementById('list').getElementsByTagName('li'); var fotoLi = document.getElementById('screenshot').getElementsByTagName('li'); for(var i=0;i<fotoLi.length;i++){ fotoLi[i].onmouseover=function opacity…
0 votes1 answer -
self содержит коллекцию элементов
помогите пожалуйста решить проблему на страничке в переменной head скрипта helper/helper.js должно содержаться значение, зависящее от того какую из кнопок .menu_button кликнул пользователь проблема в том, что в переменной head всегда содержится значение "обратный звонок3" $(document).ready(function() { $('.menu_button').kalininModals(); });(function($){ // ————————————————————————————————-- options ———- $.fn.kalininModals = function(options) { var options = $.extend({},options); return this.each(function() { //console.log('--' + $(this).text()); // —————————————————————————————— properties ——— var self = $(this), selfModals = $('#modalOuter')…
0 votes3 answers -
Позиция div в IE6
Помогите с такой проблемой: Есть div, который позиционируется на уровне курсора. В Opere все нормально отрабатывает. targetElement.style.top = mY; в IE6 такой номер не проходит. Как это пофиксить?
0 votes5 answers -
Помогите немного переделать код
Вот этот аккордеон я скопировал с одного сайта, его код на моей странице конфликтует с другими скриптами, написан он как-то немного замудренно, не могли бы переделать его на обычный $(document).ready вместо безимянной функции. (function() { new KinTooltip('js_content'); var title = $('.js_title'), content = $('.js_content'); content.on('click', '.js_title', onTownsClick); function onTownsClick() { if ($(this).parent().hasClass('towns_open')) { close(); } else { open($(this)); } } function open(e) { close(); e.next().slideDown(200); e.parent().addClass('towns_open'); } function close() { …
0 votes13 answers -
alert и document.write
Почему alert выводит все найденные параграфы, а document.write только первый? https://jsfiddle.net/zmh0jc2p/1/
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-