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
-
Отмена действия AJAX после нажатия на кнопку браузера "вернуться"
Здравствуйте! Такая проблема: Есть AJAX добавление товара в корзину. Товар добавляется и появляется в корзине. Но после нажатия кнопки "вернуться" в браузере, товар исчезает из корзины. Хотя в сессии php он записан — после перезагрузки страницы товар снова появляется в корзине. Подскажите, в чем может быть дело?
0 votes3 answers -
Простейший слайдер
Доброго всем времени суток! У меня такая просьба. Именно просьба, а не вопрос. Научите пожалуйста писать самый простейший слайдер (ротатор изображений). Что я имею ввиду под словом "простейший"? Это значит что достаточно чтобы картинки плавно перелистывались. (автоматически) Прошу именно научить, т.е. если можно с описанием что делает каждая строка кода js, и если понадобится то и css. Сразу скажу, что уже достаточно много гуглил и смотрел тут на форуме, но либо встречаются очень сложные и красивые слайдеры, либо с виду простые, но без какого-либо объяснения как они работают. (а, и чуть не забыл, js я к сожалению не знаю, поэтому прошу объяснять как полному новичку)) Благ…
0 votes4 answers -
Проблема с ссылками при прокрутке
Сделал вот такой эффект прокрутки вглубь сайта с появляющимися картинками и исчезающими когда прокручиваешь. let zSpacing = -1000, lastPos = zSpacing / 5, $frames = document.getElementsByClassName('frame'), frames = Array.from($frames), zVals = [] window.onscroll = function() { let top = document.documentElement.scrollTop, delta = lastPos - top lastPos = top frames.forEach(function(n, i) { zVals.push((i * zSpacing) + zSpacing) zVals[i] += delta * -5.5 let frame = frames[i], transform = `translateZ(${zVals[i]}px)`, opacity = zVals[i] < Math.abs(zSpacing) / 1.5 ? 1 : 0 frame.setAttribute('style', `transform: ${transform}; opacity: ${…
0 votes5 answers -
Замена Node
Доброе время суток! Есть DIV с ID = "PrPera" При загрузке по методу window.onload создается узел (собственно говоря просто текст в DIV). По нажатию кнопки нужно поменять текст из созданного узла (или заменить существующий узел новым) Вот что написалось Однако по appendChild(text) добавлется новый узел (что, впрочем, логично). При использовании replaceChild не знаю как определить созданный ранее узел. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>ZZZ(New)</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <script language="JavaScript"> window.onload =…
0 votes7 answers -
ScrollBar для блока на JS
Нужен грамотно написанный ScrollBar для Блок То есть, чтобы там было кнопки вверх/вниз, ползунок, и чтобы внутри блока работал скролл мышки Ну как в реальном скролл баре, но только чтобы можно было дизайн изменить Спасибо!
0 votes5 answers -
AJAX и кодировка
Здравствуйте! Знаю, что боян, но Гугл не выдл того, что нужно. В общем, проблема не нова - при вызове файлов через XMLHTTP они доставляются в UTF-ной кодировке - как сделать windows-1251. Впринципе, я всегда использую стандартный метод -> через PHP - т.е.просто отправляю зголовок с кодировкой windows-1251, но на этот раз мне необходимо реализовать все без поддержки PHP - т.е. получить с помошью синхронного запроса простой текстовый файл в кодировке windows-1251 - как это сделать? Спасибо.
0 votes12 answers -
Не знаю как правильно сформулировать вопрос в 4 слова(
Всем джамбо. Есть страничка с кнопками...http://osobniak.com/дизайн-интерьеров Кнопки стоят вертикально и контент открывается соответственно блоком под каждой кнопкой. Хотелось бы сделать все по симпатичнее. Например кнопки горизонтально, и при нажатии открывался блок с контентом на всю ширину страницы или кнопки вертикально с лева, а контент открывался с права... Если есть идеи буду признателен! Вот код кнопок. <!-- Lightbox Plus ColorBox v2.6/1.3.32 - 2013.01.24 - Message: 0--><script type="text/javascript"> function onclick(event) { console.log("text1"); var txt = event.target.innerText; if (txt == "Современные интерьеры") { jQuery("#ToggleRestavration").…
0 votes36 answers -
Подскажите с переводчиком сайта
/*гугловский инструмент брать не хочу из-за нижнего рисунка самого гугл, хочу сделать простую формочку для перевода! */ есть ссылка, по которой происходит перевод сайта с русского на английский: http://translate.google.com/translate?hl=ru&sl=ru&tl=en&u=http://наш_сайт не работает форма! вот скрипт: <script type="text/javascript"> if(top.location!=self.location)top.location=self.location; window['_tipoff']=function(){};window['_tipon']=function(a){}; function doTranslate(lang_pair) {if(lang_pair.value)lang_pair=lang_pair.value;if(location.hostname=='наш_сайт' && lang_pair=='de|de')return; else if(location.hostname!='наш_сайт' &am…
0 votes13 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 -
Своя функция
Добрый день. Помаленьку изучаю jQuery, и вот добрался до создания плагина, но что-то не получается...поэтому прошу помощи... Вот как было изначально и работает: jQuery(document).ready(function(){ jQuery(window).scroll(function () { if (jQuery(this).scrollTop() > 300) { jQuery('.box').fadeIn(); } else { jQuery('.box').fadeOut(); } }); }); а вот пытаюсь переделать в плагин: jQuery(document).ready(function(){ (function( $ ){ $.fn.myBox = function() { jQuery(window).scroll(function () { if (this.scrollTop() > 300) { this.fadeIn(); } else { this.fadeOut(); } }); }; …
0 votes11 answers -
AJAX: добавление комментариев
Благодаря сайту Влада - htmlbook.ru, выучил html и css, понемногу вникаю в php и ajax. Наткнулся на интереснейшую статью "AJAX: добавление комментариев без перезагрузки страницы", вот ее адрес: http://blog.excode.ru/post121p1-ajax_add_comment.html Перечитал ее уже много раз, скачал библиотеку, экспериментировал по всякому, но все никак не могу запустить ее на локалхост. Насколько я понимаю, то комментарии на htmlbook.ru тоже реализованы на библиотеке jsHttpRequest, написанной Дмитрием Котеровым. Может кто подскажет как же ее правильно реализовать?
0 votes1 answer -
Выпадающее меню или нужен совет
Имеется скрипт: <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 -
Вертикальный скрол div
у diva OVERFLOW: auto; scrollBy пишет ошибку что не поддерживает это свойство как прокрутить div повертикали?
0 votes4 answers -
Различия исполнения в браузерах
Здравствуйте! Меня интересует тема переносимости js в различных браузерах. Особенно интересует тема обработки событий. Я понимаю, что есть гугл, но я находил там темы на английском... Если есть статьи и ссылки на материал, то поделитесь или здесь объясните, пожалуйста.
0 votes2 answers -
Параметры двух функций
Здравствуйте. У меня такой вопрос: Можно ли сделать так чтобы параметн из одной функции автоматически передавался в другую функцию. Например Funct1(name, id) и Funct2(name, color) выполняются в разных местах и при разных обстоятельствах. Так вот нужно, чтобы из Funct1 name автоматически попал в Funct2 Надеюсь объяснила нормально. Жду ответов. Заранее спасибо
0 votes16 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 -
Вертикальное выпадающее меню
Здравствуйте уважаемые мужчины! Подскажите пожалуйста, что нужно добавить, чтобы меню оставалось когда курсор убирается с кнопки <!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 -
Вопрос по jQuery + imgAreaSelect
Народ, помогите плз: Установил плагин imageareaselect есть код: <script type="text/javascript" src="jquery-1.2.6.js"></script> <script type="text/javascript" src="jquery.imgareaselect-0.5.1.js"> $(window).load(function () { $('img#example').imgAreaSelect({ selectionColor: 'blue', onSelectEnd: someFunction }); }); </script> Но он не работает! Браузеры: Opera 9.62, Mozilla FF 5.0, IE 7 Подскажите, в чем дело.
0 votes3 answers -
InnerHTML проблемы
Здравствуйте, пытаюсь сделать небольшой редактор. Сначала нажимается кнопка на html-странице, потом заполняется форма с параметрами графоэлемента (иконы), эти параметры считывает скрипт, передаёт их в другую функцию. Та формирует код HTML с тегом svg и вставляет в блок draw. В этом деле вообще начинающий, ещё в голове путаница с расположением элементов, паддингами и т.п. А проблема, что после исполнения скрипта ничего не происходит, иногда на секунду мелькает что-то похожее, но в целом результата нет. Код HTML: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Иконы</title> …
0 votes1 answer -
Код новостной ленты
Создаю сайт для предприятия ( у меня учебная практика) и нам нужно на сайт добавить новостную ленту с функцией добавления новостей. Чтобы пользователь мог видеть и добавлять новости. Мб у кого есть код? Друзья, помогите, пожалуйста..
0 votes1 answer -
Динамичное создание элементов
Код: <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 -
Помогите найти слайдер с счетчиком слайдов
Привет. Не могу найти слайдер с счетчиком слайдов ("1 из 5"). Нужен эффект slide и возможность редактировать HTML счетчика (необязательно через API, можно и в ядре поковырять). Нашел Galleriffic, но там эффект смены слайдов "fade" и поменять нельзя. Еще нашел Galleria, но я так и не нашел как отредактировать HTML счетчика (нужен именно формат "1 из 5"), причем в ядре плагина не нашел даже функции вывода счетчика (искал по классу). Слайдер с счетчиком изображений прям больная тема для меня) Знаний написать свое пока не хватает, а в паблике очень мало слайдеров с такой функцией. Помогите с поиском, пожалуйста
0 votes3 answers -
Информер внутри скрипта
Вопрос: как в этот скрипт внедрить информер? <script type="text/javascript"> var newCODE='<br><table><tr><td><fieldset style="border: 1px solid #494949"><legend>Миничат:</legend>$CHAT_BOX$</fieldset></td><td><script type="text/javascript" src="http://aonmap.ru/informer/2"></script></td></tr>',element; siteDIVs=document.getElementsByTagName("div"); for(var std_f=0;std_f<siteDIVs.length;std_f++){ if(siteDIVs[std_f].className=="funcBlock"){ element=document.createElement("div"); element.innerHTML=newCODE; siteDIVs[std_f].parentNode.replaceChild(element,siteDIVs[std_f]); }} &…
0 votes14 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 -
jQuery Spectragram помощь в установке
Требуется разъяснение в установке jquery плагина. Есть небольшой js скрипт http://lab.adrianquevedo.com/jquery-spectragram/ . Берусь за него второй раз и не могу реализовать из за слабых знаний JS, если кто подскажет буду благодарен. Делаю вроде как все написано: Вставляю в между тегом head вот это <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script><script type="text/javascript" src="js/spectragram.js"></script>Потом скорее всего делаю что то не правильно, я начинаю править файл spectragram.js изменяя в нем строки jQuery.fn.spectragram.accessData = { accessToken: '[your-instagram-access-token]', clien…
0 votes5 answers