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
-
fancybox добавить функцию при закрытии любого окна
Такой вопрос, у меня есть несколько определений для вызова окон fancybox, могу ли я как-то отдельно вроде $fancybox("option", ...) добавить по сути для любых окон обработчик закрытия окна? Не хотелось бы ко всем определениям окон добавлять отдельно обработчик. И еще вопрос - если afterClose колбек работает прекрасно, то beforeClose уже работает только по клику по крестику, но не работает по клику вне окна, когда все равно происходит закрытие. Как добавить корректный beforeclose который учитывает клик вне окна?
0 votes2 answers -
Выпадающее меню или нужен совет
Имеется скрипт: <script type="text/javascript"> function show_div(div_id) { document.getElementById('the_div_1').style.display = 'none'; document.getElementById('the_div_2').style.display = 'none'; document.getElementById('the_div_3').style.display = 'none'; document.getElementById(div_id).style.display = ''; } </script> <div><select> <option onclick="show_div('the_div_1'); return false;" >1</option> <option onclick="show_div('the_div_2'); return false;" >2</option> <option onclick="show_div('the_div_3'); return false;" >3</option> </select></div> <div id="the_div_1" >Бла-бла-бла 1</div&g…
0 votes8 answers -
Disable для элементов form в ие
Привет есть скрипт отвечающий за активные/неактивные формы <script> function validator(){ field=document.testForm4; if(field.apply.checked){ for (i=0;i<field.length;i++){ field.elements[i].disabled = false; } } else { for (i=0;i<field.length;i++){ field.elements[i].disabled = true; } } field.apply.disabled=false } </script> html <form name="testForm4"> <input type="checkbox" name="apply" onchange="validator()" /><br /><br /> <select name="selectList" size="1" disabled="disabled"> <option value="1">один</option> <option value="2">два</option> <option value="3">тр…
0 votes5 answers -
Передача this в анонимную функцию
В JS есть проблема, связанная с доступом к this в анонимной функции: this.test = 2 * 2;console.log(this.test); // 4callback(function(){ console.log(this.test); // undefined});Я знаю два способа её решения:Создать ссылку на this: this.test = 2 * 2;console.log(this.test); // 4var self = this;callback(function(){ console.log(self.test); // 4});Использовать метод "bind" для подмены this: this.test = 2 * 2;console.log(this.test); // 4callback((function(){ console.log(this.test); // 4}).bind(this));Первый способ мне не нравится из-за введение дополнительной переменной. Второй - из-за лишних скобок и в следствии этого ухудшения читабельности. Знаете ли вы более элегантные …
0 votes14 answers -
Вставка скрипта с помощью innerHTML
Мне нужно вставить в HTML яваскрипт, чтобы он выполнялся, причем вставлять скрипт нужно после загрузки страницы: В HTML-коде так: <div id="begin"></div> Перед </body> добавляю: <script type="text/javascript"> document.getElementById("begin").innerHTML = "<яваскрипт>"; </script> Скрипт вставляется, но не выполняется. Пробовал гуглить, советуют использовать eval, document.createElement('script') и .appendChild, но соединить всё это в работающую связку не получается. Может кто подскажет?
0 votes4 answers -
Как пропускать элемент формы если он ридонли?
Здравствуйте. Возникла необходимость сделать такую штуку: есть форма, я шагаю по ее полям при помощи таба, нужно, чтобы фокус не устанавливался на поле если оно readonly, а сравился на следующее поле не readonly. В принципе можно сделать поля формы disabled, чтобы они не получали фокус, когда тыкаешь таб. Но тогда данные из этих полей не будут отправляться на сервер. Написал такой скрипт: var getElem; function checkTab(e) { var keycode; if (window.event) { keycode = window.event.keyCode; } else if (e) { keycode = e.which; } if (keycode == 9) { var form = document.getElementById('form'); var num = 0; for (var k = 0; k < form.elements.length; k++) { …
0 votes8 answers -
Стилизация label в зависимости от состояния input
Необходимо, чтобы в зависимости от состояния поля input, применялась различная стилизация. Проблема в том, что к тексту над полем, стилизация не применяется. Почему? http://jsfiddle.net/pqVJM/280/
0 votes3 answers -
Глобальные и локальные переменные
Прочитал, что если в теле функции, например переменная res используется без ключевого слова var,но если в этом теле функции встретится хоть 1 раз var res, все res хоть они использовались как глобальные потому-что внутри тела не писали ключевое слово var, но вконце тела было втстречено var res то использ0ование как глобальную перемнную перечёркивается, и считается что мы работаем внутри тела со всеми переменными res как с локальными. Вот написал код,что-то не вижу этого правила описанного выше. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>Тренировка</title> <link rel="stylesheet" type="text/css" href="…
0 votes12 answers -
Определить line-height, но не через style.lineHeight
<div id="ddd" style="line-height:20px;"> text text text </div> alert(document.getElementById('ddd').style.lineHeight); Если в примере выше убрать стили для id="ddd", то тогда в системном окне будет пустота. Как определить значение line-height у тега, если line-height не задаётся через стили, а наследуется от родителя, например тега body? На jQuery есть функция css('line-height'), которая выводит это значение (в некоторых браузерах даже normal выводит). И ещё тогда вопрос. Как определить реально установленный в браузере line-height для строки, если это свойство имеет значение "normal". Могу ли я получить не "normal", а число в пикселях, пунктах или ещё в чё…
0 votes4 answers -
То работает, то не работает скрипт при обновлении страницы
http://zverushka.100ms.ru/kadr/ Ситуация такая. В этом месте http://joxi.ru/ImhIU_3JTJA-BGzvSKM Если кликать по стрелочкам - перелистывания не происходит. Но если обновлять страницу - то иногда перелистывает, иногда нет. Ошибок никаких не выдает. Я не могу понять, в чем проблема. Перелистывание идет по скрипту 207 строка $("#id1 .btn-next").click(function () { sliderBg.goToNextSlide(); sliderTab.goToNextSlide(); }); $("#id1 .btn-prev").click(function () { sliderBg.goToPrevSlide(); sliderTab.goToPrevSlide(); });Поробовала добавить таймаут, на всякий setTimeout(function () { $("#id1 .btn-next").click(function () { sliderBg.goToNextSlide(); sliderTab.goToN…
0 votes5 answers -
Как создать динамический слайдер в модальном окне?
Что я хочу сделать. На странице очень много мелких картинок. При клике на одну из них, открывается модальное окно со слайдером внутри. В слайдере представлены все картинки существующие на странице, при чем первым слайдом будет та картинка, по которой кликнули. Но я завис на очень раннем этапе. Я уверен, что-то похожее уже делали, я не смог найти. Буду благодарен, если ткнете носом. Накидал пример из 3х картинок, но даже в консоли получаю ошибку. Не знаю почему. https://jsfiddle.net/mnu2zL3k/
0 votes1 answer -
Отмена действия AJAX после нажатия на кнопку браузера "вернуться"
Здравствуйте! Такая проблема: Есть AJAX добавление товара в корзину. Товар добавляется и появляется в корзине. Но после нажатия кнопки "вернуться" в браузере, товар исчезает из корзины. Хотя в сессии php он записан — после перезагрузки страницы товар снова появляется в корзине. Подскажите, в чем может быть дело?
0 votes3 answers -
Не работает jquery
Здравствуйте. Подскажите, кто сталкивался может... У меня почему то на хостинге jquery не стыкуется с PHP, что то с кодировками. Дома все на ура работает. Посмотрите пожалуйста. <script type="text/javascript"> var query=parseInt(Math.random()*9999); function Pusk(){ $.get("test1.php", {text: query}, function(data){ $('#div').html(data); } ) return false; } </script> </head> <link href="style.css" rel="stylesheet" type="text/css" /> <body> <a href="#" onclick="Pusk()">Пуск</a> <div id="div"></div> PHP: <? header("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); header("Cache-Control…
0 votes2 answers -
проблема со скриптом в Mozilla
скрипт для увеличения изображений, в опере и ие работает, а в мозилле нет не подскажите в чём дело? var small = new Array ("small1.jpg","small2.jpg", "small3.jpg","small4.jpg","small5.jpg", "small6.jpg","small7.jpg","small8.jpg", "small9.jpg") var big = new Array("big1.jpg", "big2.jpg", "big3.jpg","big4.jpg", "big5.jpg", "big6.jpg", "big7.jpg", "big8.jpg", "big9.jpg") var aflag = new Array(small.length) var xstr = " " for (i=0; i<small.length; i++){ xstr+='<IMG ID = "i' + i + ' " SRC = " ' +small+' " onclick="imgchange()" hspace="5" vspace="5" >' } document.write(xstr); function imgchange(){ var xid = event.srcElement.id; var n = parseInt(xid.substr…
0 votes14 answers -
onClick=agreeForm(this.form) проблема
Имеется некая форма заказа, после которой идет уведомление на почту, в котором отображается введеная информация. Имя, телефон, дата заезда, отьезда, количество детей, дополнительная информация. С условиями заказа, и при согласии с которыми только активизируется кнопка отправки. /************************************************** SHOW CONTACT BUSINESS DIRECTLY BY EMAIL FORM **************************************************/ function contactBusiness( $option, &$row ) { global $database, $Itemid, $mainframe, $my, $id, $mosConfig_live_site, $mosConfig_usecaptcha; $link2 = $mosConfig_live_site. '/index2.php?option=com_ezrealty&task=sendbusinesscontact&Ite…
0 votes4 answers -
Проблема закрытия окна в Mozilla и Firefox
Здравствуйте, уважаемые участники. Недавно начал разбираться с AJAX-ом. Решил сделать более удобную систему новостей. Пока без всяких там WYSIWYG и т.п. - просто textarea. На "главной" странице новостей находится кнопочка, при нажатии на которую методом open() вызывается всплывающее окно: <a href="java script:void(0);" onClick="ShowAddNewsForm();" id="btnAddNews">добавить новость</a> Сама функция ShowAddNewsForm() находится в подключаемом файле: function ShowAddNewsForm() { var options = ""; options += "directories = no,"; options += "height = 200,"; options += "width = 300,"; options += "left = 20,"; options += "top = 200,"; options += "menubar = no,…
0 votes4 answers -
ScrollBar для блока на JS
Нужен грамотно написанный ScrollBar для Блок То есть, чтобы там было кнопки вверх/вниз, ползунок, и чтобы внутри блока работал скролл мышки Ну как в реальном скролл баре, но только чтобы можно было дизайн изменить Спасибо!
0 votes5 answers -
Проблемы с .SlideToggle
Добрый день, уважаемые. У меня возникла проблема. Html: <a href="#" class="fadeNext"> <div class="show"> <div class="com">show comments</div> </div> </a> <div class="fader"> Text </div> JS: <script type="text/javascript"> $(document).ready(function() { $(".fadeNext").click(function(){ $(this).next().fadeSliderToggle() return false; }) $('a#hide1').click(function() { $('.fader').fadeSliderToggle() return false; }); }); </script> Как мне сделать так, чтобы <div class="com">show comments</div> менялся, на <div class="com">hide comments</div>? Спасибо.
0 votes19 answers -
Загрузка функции через время (JS — jQuery) (без селектора)
Здравствуйте, уважаемые форумчане. Очень Нужна ваша помощь, Подскажите пожалуйста. Есть функция - jbcallme(), вызываемая следующим образом (вызываемая по нажатию class= demo1) : $(document).ready(function() { $(function() { $('.demo1').jbcallme(); }); alert( "Привет" ); }); Функция лежит в другом файле. ————— При нажатие на ссылку срабатывает функция jbcallme(), содержащий класс demo1: <a class="demo1" name="nave">Тестирование</a> ————————————-- Проблема в том, что функция JS jbcallme() работает только при нажатие на "Тестирование". Нужно, чтобы функция $('.demo1').jbcallme(); вызывалась …
0 votes4 answers -
Динамичное создание элементов
Код: <div id='wst_sozd_sob'>тест<form method='post' action='dob_soob.php'><tbody id='wst_sob'> f</tbody></form></div>".$wyw_text_tem; <script type='text/javascript'> var sloy=document.getElementById('wst_sob'); var form=document.createElement('INPUT'); sloy.appendChild(form); Мне пишет "неожиданный вызов метода", я вроде ведь все правильно делаю... П.С: хочу сделать, чтобы когда щелкаешь на кнопке еще несколько форм появлялись...
0 votes5 answers -
Простейший слайдер
Доброго всем времени суток! У меня такая просьба. Именно просьба, а не вопрос. Научите пожалуйста писать самый простейший слайдер (ротатор изображений). Что я имею ввиду под словом "простейший"? Это значит что достаточно чтобы картинки плавно перелистывались. (автоматически) Прошу именно научить, т.е. если можно с описанием что делает каждая строка кода js, и если понадобится то и css. Сразу скажу, что уже достаточно много гуглил и смотрел тут на форуме, но либо встречаются очень сложные и красивые слайдеры, либо с виду простые, но без какого-либо объяснения как они работают. (а, и чуть не забыл, js я к сожалению не знаю, поэтому прошу объяснять как полному новичку)) Благ…
0 votes4 answers -
Пошаговая форма регистрации
Поставил задачу перед собой сделать скрипт регистрации... Все вроди норм, пхп фурычит, одна проблема ява скрипт хочю сделать что то вроди: http://css-tricks.com/examples/SeminarRegTutorial/ исходник оригинала: http://css-tricks.com/examples/SeminarRegTutorial.zip возьмем для примера 1 шаг. и вот возникли 2 проблемы: 1. все возможные варианты прописываются в самом коде index.html (в последствии переименую в index.php) Но что если вариантов выбора не как в примере 5, а например штук 297... И для каждого из них выводится свой шаблон... Возможно ли сделать подгрузку внешних файлов с номером "выбранного варианта"... Просто что бы не грузить все 300 вариантов... {мысль такова,…
0 votes0 answers -
Fabric js пауза в анимации canvas
Всем привет, вот незадача - не могу никак понять по какому принципу осуществить остановку анимации объектов в канве (скажем при наведении на объект курсора). По гуглам искал, находил, смотрел, читал, но так ничего и не смог оживить. Плюс к тому осваиваю библиотеку fabric.js - скорей всего там есть возможность паузы (думаю даже в StaticCanvas). Кто что может посоветовать?
0 votes0 answers -
Вертикальный скрол div
у diva OVERFLOW: auto; scrollBy пишет ошибку что не поддерживает это свойство как прокрутить div повертикали?
0 votes4 answers -
Вертикальное выпадающее меню
Здравствуйте уважаемые мужчины! Подскажите пожалуйста, что нужно добавить, чтобы меню оставалось когда курсор убирается с кнопки <!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"> <title>Идентификаторы</title> <style type="text/css"> #descr { position: relative; /* Относительное позиционирование */ visibility: hidden; /* Прячем содержимое слоя */ width: 150px; } #navi { margin: 0px; padding: 0px; list-style-type: none; } #navi a { display: block; text-decoration: none; font…
0 votes6 answers