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
-
Замена div'а другим div'ом
Можно ли каким-либо образом применить эффект ролловер к дивам? То есть при онклике или онмаусовер меняется один див на другой, при этом каждый из дивов содержит несколько объектов ( текст, таблица, картинка).
0 votes29 answers -
Как изменить type у <button>
Возникла необходимость скриптом изменить <button type="submit">bla bla</button> на <button type="button">bla bla</button>, пишу вот так: var but = document.getElementsByTagName('button')[0]; but.type = 'button'; В Мозилле все ок, а вот ИЕ8 выдает ошибку "Команда не поддерживается объектом". Как быть? Пробовал писать так: but.setAttribute('type', 'button'); Опять же в проклятом ИЕ никаких изменений (хотя на этот раз ошибок не выскакивает). Пытался удалить атрибут (but.removeAttribute('type'); - вроде тогда <button> станет по умолчанию просто кнопкой) - опять же от ИЕ ноль эмоций. Подскажите как быть?
0 votes5 answers -
Как проверять скрипты?
Народ всем привет. столкнулся с проблемой на одной сайте пришлось использовать сразу 2 скрипта с jquery один работает на открытие больших изображений а другой на слайдинг этих изображение по вертикали, как только поставил их одновременно то произошел коллапс, оба они одновременно работать никак не хотят, а по отдельности работают на ура, чуть попозже пришлю ссылку, а пока просто хачу спросить как любитель в javascript что в таких случаях делать, то есть какими прогами или методами отлаживать скрипт и удалять ненужные куски кода, подскажите плз, спасибо собственно вот сам сайт , правая колонка с изображениями, пока она работает на слайдинг то есть пролистывание вверх/вниз,…
0 votes11 answers -
Автоматически открыть новое окно
Всем хи. Хочю чтобы после загрузки страници автоматом открывалось окно. Вот делаю так: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> <script type="text/javascript"> window.onload = function() { document.getElementById('openedMessageLink').onclick(); }; </script> </head> <body> <a id="openedMessageLink" style="visibility: hidden;" href="java script:void(0)" rel="nofollow" onclick="window.open('','_BLANK','width=400,height=300,toolbar=no,scrollbars=yes')"></a></body> </b…
0 votes4 answers -
Подскажите jquery плагин
Добрый день. Наводишь на другую ссылку - рисунок меняется... Это какой плагин? И еще: при наведении на ссылку рисунок затемняется... Понятно, что искать его надо на http://plugins.jquery.com/ , но там столько... Может кто-то натыкался? В разделе, наверное, Animation and Effects?
0 votes4 answers -
Нет реакции на onBlur
Решил сделать небольшой скрипт который бы выводил оставшееся число символов которые можно ввести в форму! Но нет никакой реакции на onBlur и при переходе на другое поле выводимая цифра не удаляется. Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script Language="JavaScript"> var author, e_mail, text_help; var i; function wiev_author(){ author = document.forma.author.value; if (author.length > 19) { alert("Вы ввели максимальное количество символов"); …
0 votes10 answers -
Создание картинки в IE 7
В IE7 вышла проблема (В IE 6 работало) Вот такая инструкция document.getElementById(p).innerHTML="<img id='unit"+gid+"' width='70' height='70' src='"+imgsrc+"' border='0' onMouseOver='viewunit("+gid+")' onMouseOut='viewunit_no()' onClick='atunit("+gid+")'"; ни к чему не приводит. как я разобрался в IE 7 нельзя так делать, нужно делать var img = document.createElement('img') img.src=imgsrc; img.style.width=70; img.style.height=70; document.getElementById(p).appendChild(img) Вопрос: Как мне таким образом добавить к img onMouseOver и onMouseOut ?
0 votes9 answers -
Нужна помощь если не сложно по jquery
Всем привет. Мне нужно решить одну задачу, если не сложно подскажите или наставьте на путь истинный Допустим мне надо найти все элементы id=”book_” при условии, что после черты "book_?????" может быть любое значение, которое я не знаю, подскажите как это сделать. <div id="top"> <input type="hidden" id="book_d123fgn34j7dfds"> <input type="hidden" id="book_sdfcagn34j7dfds"> <input type="hidden" id="book_sd5423fvbd4534s"> <input type="hidden" id="book_dsf245f345fgdfg"> <input type="hidden" id="book_v5453453gfdg45"> <input type="hidden" id="book_34534gdd4545"> </div> Заранее большое спасибо
0 votes4 answers -
Нужен хелп по кукам
я не особый спец в js, так что вопрос: имеется сайт с разными цветовыми схемами, переключаются они по средствам замены класса у body, жмется кнопка, запоминается её класс, этот класс ставится body, чтобы можно было ходить по страничкам и цвет не менялся, класс записывается в куки. проблема в том, что куки записываются не для всего сайта, а для каждой страницы и иногда в одной цветовой схеме проскакивает страничка другого цвета. как сделать чтобы записывался один кук для всего сайта? функция, которая записывает куки function SetCookie(sName, sValue){ document.cookie = sName + "=" + escape(sValue) + "; expires=Fri, 31 Dec 2070 23:59:59 GMT; path=/;"; }
0 votes1 answer -
Как при скролле страницы посылать асинхронный запрос и достраивать DOM-модель?
Привет, подкиньте, пожалуйста, ссылок, где есть решение похожей задачи. 1. Есть html страница, на которой изначально выгружено 10 DIV'ов с текстом. 2. Юзер скроллит страницу вниз, я определяю, что он доскроллился до последнего DIV'а. 3. Со страницы уходит асинхронный запрос к серверу, ответ от сервера интерпретируется и к первым 10 DIV'ам добавляются еще 10. Как сделать второй пункт? Как мне определить, что юзер долистался до последнего DIV'a, и что пора посылать запрос? Спасибо!
0 votes5 answers -
IE7 и onclick
Доброго времени суток. Ковыряю сайт, при первой же попытке добавить JS всеми любимый браузер падает с ошибкой и предлагает отправить отчет. Попробовал пример попроще: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <a onclick="alert('123'); return false;" href="#" >123</a> </body> </html> Поведение оказалось более чем странным - вечером работает, утром нет . У кого-нибудь было подобное? и как это решать?
0 votes2 answers -
Странный глюк в цикле
Привожу код: for(i=0;i<move.length;i++) { left2=left0+Number(move[1]); top2=top0+Number(move[2]); width2=Number(move[3]); height2=Number(move[4]); link=move[0]; title=move[5]; //alert(title); document.write("<table title='"+title+"' id='t"+i+"' style='cursor:pointer; position:absolute; left:"+String(left2)+"; top:"+String(top2)+"; width:"+String(width2)+"px; height:"+String(height2)+"px;'><tr><td title='"+title+"'> </td></tr></table>") if (document.addEventListener) { // Gecko document.getElementById("t"+i).addEventListener('click', function() {location.href=link; }, false); } else if (document.attachEvent) { // IE, Oper…
0 votes6 answers -
Совместное использование prettyPhotos и extjs grextjs grid-plugins
Использую extjs grid-plugins. Каждая строка (в примере первая таблица) имеет свойство раскрываться [+]. Внутри находится текст и изображения. Все данные (тект+изображения) хранятся в grid-plugins.js jQuery pretty photo использую для img. Из-за того, что img находится в js, prettyPhoto не может их считать и следовательно переменить эффект. Если img использовать в body, то все нормально работает. Как prettyPhoto заставить работать с изображениями из js?
0 votes0 answers -
Вывод и обновление текста по клику
Добрый вечер! У меня такой вопрос. Есть несколько картинок, которые лежат в mySQL-базе. Там же лежат названия каждой из них. Нужно сделать так, чтобы при клике на картинку где-нибудь ниже выводилось ее название. При клике на следующую - на том же месте название менялось. Я пробовала сделать вот так: <a class="img-indent1" href="#" onClick="Show('MyText')"><img class="img-indent1" src="/<?=$photo['photo_prv']?>" <?php echo $razm; ?> alt="" /></a></td> // это, собственно, картинка // она лежит в базе и выбирается вот этим вот кодом: <?=$photo['photo_prv']?> // <?php echo $razm; ?> - это ее размер </div></tr><…
0 votes7 answers -
В джумла не работает JS
Итак: есть калькулятор, который работал до того, как я в него влез. Все висит на Джумловском движке. Поправил просто заголовок над ним. Вопрос: почему сам скрипт перестал работать? В код скрипта не влезал. вот сайт: cdac.ru Что поправить?
0 votes6 answers -
Как сделать закладку в тексте
Исходные данные: - есть много больших статей - есть много юзеров Надо сделать так, чтобы юзер мог выделить нужное место в тексте на странице и сохранить ссылку на это место где-то в своём профиле. Сохранить ссылку на страницу легко, а вот как сохранить ссылку на конкретное место в тексте? Мне в голову пришел только вариант с динамической подстановкой якоря в текст. Но тут есть сложность: как определить то место в тексте, куда надо вставить якорь? Причём место для якоря надо определять 2 раза: сначала при сохранении закладки по пользовательскому выделению, то есть JavaScript'ом; а потом с помощью PHP подставить в это мето якорь. Или может быть есть какое-то более изящный…
0 votes3 answers -
OnClick в FF3.5..
неактуально. фтопку.
0 votes0 answers -
управление accordion menu
Привет!. Есть менюшка, сама по себе работает, хоть не трогай... Но есть необходимость открывать и закрывать её списки из отдельного тэга, типа кнопка. Меню. <script type="text/javascript" src="mootools.js"></script> <script type="text/javascript"> window.addEvent('domready', function ddd(toggler, element,ee){ var accordion = new Accordion('h3.menusection', 'ul.menusection', {opacity: false, onActive: function fff(toggler, element) { toggler.setStyle('color', '#333333'); toggler.setStyle('background', '#F7F1E5'); …
0 votes0 answers -
Вставка в textarea по клику. Проблема с IE.
Всем здрасти. Появился вопрос. По клику на определенном <span>'e в textarea вставляется текст. Обработка клика выглядит так (jQuery): jQuery(function($) { $('#email').click(function(){ insertAtCaret('textarea_id', 'text'); }); }); Функцию insertAtCaret() взял в инете. Выглядит она так: function insertAtCaret(areaId,text) { var txtarea = document.getElementById(areaId); var scrollPos = txtarea.scrollTop; var strPos = 0; var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ? "ff" : (document.selection ? "ie" : false ) ); if (br == "ie") { txtarea.focus(); var range = document.selection.createRange(); range.moveStart ('character'…
0 votes1 answer -
Как узнать какой слушатель висит на объекте?
Вешаю на объект (допустим кнопку) слушатель вот таким способом: if (document.addEventListener) { elem.addEventListener('click', foo, false); } else if (document.attachEvent) { elem.attachEvent('onclick', foo); } else { elem['onclick'] = foo; } Фишка в том, что содержимое дива в котором находится объект обновляется аяксом и когда див перерисовывается на объект снова навешивается слушатель с теми же параметрами (и так до бесконечности). Как узнать что на этом объекте уже есть слушатель "click", чтобы не вешать еще один? Или как убить слушатель при условии, что я не знаю есть ли он уже на объекте или еще нет?
0 votes5 answers -
Замена CSS свойст в активном документе!
Имеются некоторые элементы на странице, свойства которых возможно отредактировать лишь средствами JavaScript т.к. прямой доступ к ним ограничен! Исходный вариант: <div id="bbcode" style="position: absolute;"></div> Требуемый вариант: <div id="bbcode" style="position: static; float: left;"></div> Пробовал изменить свойства так: <script type="text/javascript"> <!-- var changeIt; changeIt = bbcode.style.cssText; if(typeof(changeIt) != 'string') { changeIt = bbcode.getAttribute('style'); } var changeIt = 'position: static; float: left'; bbcode.style.cssText = changeIt; bbcode.setAttribute('style',changeIt); //--> </script> Так то…
0 votes4 answers -
Ввод по маске
Уважаемые товарищи, кому не лень помочь мне организовать ввод по маске? Просьба не предлагать готовые скрипты, т.к. я хочу написать скрипт самостоятельно. Плюс в готовых скриптах нет необходимого функционала. Задача: Организовать ввод суммы денег. Тысячи должны отделяться пробелом. Выглядеть это должно так: 999 9 999 99 999 999 999 9 999 999 и т.п. Вот тут я застрял. Подскажите идею, алгоритм или просто с чего начать.
0 votes11 answers -
Задание для mishka2 и psywalker (и не только)
Задание: Сделать калькулятор. Описание: 1) поле ввода цифр - одно 2) Функционал - все стандартные арифметические операции (сложение, вычитание и т.д.), плюс тригонометрия (синус, косинус и т.п.), плюс возведение в степень (любую). (дальше видно будет) 3) дизайн - любой (должно же быть поле для творчества). 4) результат операции выводим в то же поле, в каком вводим цифры. 5) в последствии возможен ввод с клавы. UPD: справочную информацию можно найти тут: http://www.w3schools.com/jS/
0 votes41 answers -
onChange, помогите разобраться?
я сделал выпадающее меню таким образом: <select onChange=" if (this.value == 'krsk') { location.href = 'index.php'; } if (this.value == 'nsk') { location.href = 'index.php'; } if (this.value == 'irkutsk') { location.href = 'index.php?option=com_content&view=article&id=51'; } if (this.value == 'kemerovo') { location.href = 'index.php'; } if (this.value == 'omsk') { location.href = 'index.php?option=com_content&view=article&id=51'; } if (this.value == 'tomsk') { location.href = 'index.php?option=com_content&view=article&id=51'; } if (this.value == 'chita') { location.href = 'index.php?opt…
0 votes6 answers -
Доступ к переменным в нутри тэга
Здравствуйте. Есть тэг Из IE доступаюсь к переменной aaa так document.getElementById(TreeID).aaa А из FireFox и Opera не получается, подскажите как это сделать?
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-