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
-
Карусель от модера Great Rash
Здравствуйте! Возникла проблема с каруселью автор которой модератор Great Rash. Дело в том что видимые картинки просто прыгают туда сюда, а те, что скрыты не появляются. Помогите пожалуйста!
0 votes18 answers -
У меня 2 проблеммы с firefox
Добрый день. У меня такая проблемма. Моя странница в IE работает нормально, но в ff работает не так как надо. Во-первых, ссылки. При шелчке на элементах таблицы ссылки в ff не работают. Во-вторых, таблица. При расскрытии элементы маленькие, хотя контуры нормальные. Вот код страницы: <html> <head> <title>Untitled Document</title> <script language='javascript'> <!-- function togglelistonea() { eTarget=idlistonea eTarget.style.display == "none" ? eTarget.style.display="block": eTarget.style.display="none" eTarget.display =="none" ? eTarget.display="block": eTarget.display="none" } function flashme(eSrc, sColor) { eSrk.style.color=s…
0 votes5 answers -
Активация input type="submit"..
Подскажите пожалуйста, как сделать так чтобы кнопка "Продолжить" имела disabled значение в течении заданного промежутка времени...т.е человек не сможет нажать на нее в течении 30 секунд например...
0 votes2 answers -
Как повлияет на быстродействие создание дополнительных DOM-элементов на странице?
Решил использовать .webp для изображений на сайте, а также оптимизировать его через рекомендации google audits. Таким образом получилось следующее: <img src="image.webp" srcset="image-480.webp 480w, image-768.webp 768w, image-1024.webp 1024w" alt="alt" titile="title"/> Так как webp не поддерживается некоторыми браузерами, было решено использовать решение WebPJS. Теперь есть следующая проблема: решение заменяет атрибут src, но не трогает srcset. То есть изображения остаются неизменными и не отображаются. Есть следующая идея, но я, полагаю, это будет очень затратно в плане ресурсов, а также неизвестно, как это будет влиять на SEO (может, спасут т…
0 votes9 answers -
замыкания
Здравствуйте. Вот пример из учебника: function makeBuffer() { var text = ''; return function(piece) { if (arguments.length == 0) { // вызов без аргументов return text; } text += piece; }; }; var buffer = makeBuffer(); // добавить значения к буферу buffer('Замыкания'); buffer(' Использовать'); buffer(' Нужно!'); alert( buffer() ); // 'Замыкания Использовать Нужно!' Объясните пожалуйста два момента: 1 - зачем функцию makeBuffer() присваивать переменной buffer? 2 - вот этим вызовом buffer('Замыкания') (и всеми такими же) получается что передаем аргумент в функцию оболочку, а использует его внутренняя функция function(piece). Вот такая запись для меня была бы понят…
0 votes1 answer -
вертикальный градиентный фон
требуется чтобы фон на странице был градиентным по вертикали (к низу - темнее) нашла такой способ, но он работает только в ие: FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#0000FF, endColorStr=#ffdead) 0 - вертикальная заливка 1 - горизонтальная заливка. startColorStr и endColorStr - начальный и конечный цвета градиента. я так поняла, что для оперы и огнелиса такое можно реализовать только через javascript, но я с ним не очень дружу =) помогите чем сможете, поделитесь скриптом плиз =)
0 votes3 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 - снять обработчик
Подскажите, пожалуйста. Навешиваем на div обработчики $("div").mousedown(function(){alert('first')}); $("div").mousedown(function(){alert('twice')}); Как снять первый обработчик.
0 votes4 answers -
Помогите с jQuery каруселью
Всем доброго времени суток. Взял обычную карусль отсюда - http://sorgalla.com/projects/jcarousel/examples/static_controls.html Всё бы ничего, да не могу сделать чтоб кнопка, которая соответствует прокручивающемуся элементу, была "подсвечена". Нужно чтобы ей присваивался класс "active". Вот код карусели: function mycarousel_initCallback(carousel) { jQuery('.jcarousel-control a').bind('click', function() { carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text())); return false; }); jQuery('.jcarousel-scroll select').bind('change', function() { carousel.options.scroll = jQuery.jcarousel.intval(this.options[this.selectedIndex].value);…
0 votes5 answers -
Почему placeholder становится текстом при фокусе?
https://www.zebra-tara.ru/catalogue/plastic-boxes На разрешениях меньше 480px в ширину я скрываю строку поиска и отображаю ее по клику на иконке лупы. Заботясь о пользователе, я сразу ставлю фокус в поле ввода. Но вот беда: при программной установке фокуса placeholder внезапно становится текстом. А если программно фокус в поле не ставить, а после появления поля ткнуть в него руками - то всё в порядке, placeholder на месте: Я не понимаю, почему так. Отследить в коде не смог, ничего явно не устанавливает значение. Посоветуйте?
0 votes3 answers -
Появление блока
Всем привет, вот сделал такую штуку При клике на #qwer появляется другой блок, код работает, вот только как сделать так чтобы он работал постоянно? Т.е. при клике на один блок, появляется другой, а потом при 2-ом клике он исчезает, но при последующих кликах ничего не происходит. <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <style> #qwer {width:300px;height:300px;background:#b3b3b3;cursor:pointer;} #ok {width:300px;height:300px;background:#b3b3b3;display:none;} </style> </head> <body> <div id="qwer"><p>нажми</p> </div> <div id="ok">ergreg</div> <scr…
0 votes16 answers -
Google Ajax Search API
Привет, есть следующая проблема: <script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(function(){ var googleSearch = new google.search.CustomSearchControl('fdfgdfggsdgsdfgfsdg534546g'); googleSearch.draw('cse'); var query = '<?php echo $query?>'; if(query.length>1){ $('[name=search]').val(query); $('[name=search]').trigger('focus'); $('[name=search]').trigger('change'); $('[name=search]').trigger('blur'); googleSearch.execute(); } }, true); </script> или даже так: <script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(function(){ …
0 votes2 answers -
innerHTML и AJAX
Привет всем!!! Обьясните плиз, если кто в курсе, почему когда присваиваешь значению innerHTML текст следующего типа: "<br />" обрезается " /". Вот например: <!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> <title></title> </head> <body> <script type="text/javascript"> function process() { var str = '<input id="contact" name="contactl" value="" type="text" /><br />'; alert(str); document.getElementById('ab_container').innerHTML = str; } </script> …
0 votes6 answers -
Код для смены "вкладок". Посоветуйте, как заставить его рабоать :)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <body> <style> .tabsCont2 {color:#444751; display:inline-table ; width: 365px; font-size: 12px; padding-right: 5px; } .tabs_content { padding-left: 5px; line-height: 19px; font-family: calibri, sans-serif; font-size: 13px; } #left_subcont { width: 260px; border-right: dotted #c3c3c3 1px; float: left; } .tabs { position: relative; top: 0px; left:1px ; zoom:1; } #tc2,#tc3 { display: none; } #tc1 { display: block; } </style> <script type="text/javascript" language="JavaScript"> var element; function show_configu…
0 votes6 answers -
Еще Раз Про Аякс, Раз Уж Модно
Доброго времени. Подскажите, что не так: var req = Create(); function Create() { if( navigator.appName == "Microsoft Internet Explorer" ) { req = new ActiveXObject("Microsoft.XMLHTTP"); } else { req = new XMLHttpRequest(); } return req; } function Request() { req.open('GET', 'text.php', true ); req.onreadystatechange = Get; req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=windows-1251"); req.send(); } function Result() { var result; if (req.readyState == 4) { result = req.responseText; alert(result); } } В IE и опере работает, мозила на отрез...
0 votes3 answers -
Раскрывающийся текст
Подскажите как сделать так, чтобы при нажатии на строку/ссылку под ней раскрывался бы ещ? текст (пару абзацев), а потом при нажатии снова на эту же строку/ссылку текст бы закрывался. Это реализованно, например, в справке Windows - нажимаешь на плюсик - текст раскрывается, нажимаешь ещ? раз - закрывается.
0 votes1 answer -
Слайдер
Ребята, помогите сделать следующий функционал: когда человек заходит на страницу сайта, в зависимости от его разрешения экрана подставляется соответствующая фоновая картинка. Фоновая картинка должна изменяться, например, с интервалом 10 секунд (работает как слайдер). Выглядит это так: Пользователь №1 1024" Подключается слайдер №1, который содержит картинки img01.jpg, img02.jpg, img03.jpg Пользователь №2 1440" Подключается слайдер №2, который содержит картинки img04.jpg, img05.jpg, img06.jpg Знаю что это задача решаемая, просто не хватает знаний javascript-та.
0 votes10 answers -
Картинка при наведении на ссылку
Есть ли такой простой скриптик на js, чтобы при наведениии на ссылку которая в одной ячейки таблицы, подгружалась картинка в другой ячейки таблицы? ссылок соотвественно будет несколько!
0 votes4 answers -
localstorage не хранит данные
...я конечно понимаю, что простой такой. но всё таки, если кому не лень покопаться в куче кода, то подскажите пожалуйста почему в моём виджете localstorage не сохраняет данные после обновления странички браузера вот популярный в интернетах пример: http://html/js/EXAMPLES/bb_todos/ он же на гитхабе: https://github.com/tastejs/todomvc/tree/master/examples/backbone в нём всё работает как нужно. то есть если закрыть вкладку браузера и открыть снова, то данные не сбросятся. а вот моя попытка сделать подобный виджет: prozaik.16mb.com/works/weekend_projects/graph_kalinin/ гитхаб: https://github.com/zlodiak/graph_kalinin_3 я делал по…
0 votes1 answer -
Файл в файл
Есть ли возможность импортировать в файл .js другие внешние файлы .js? Чтобы в html страницу загружался только один .js, а уже него грузились еще несколько дугих.
0 votes4 answers -
splice не удаляет по не цифровым ключам
<script> var myar = new Array(); myar['opa'] = 'uxaxa'; myar.splice('opa', 1); alert(myar['opa']); </script> как мне удалить этот элемент ? я понял, что splice для этого не подходит.. в принципе можно его за-null-ить, и if (!myar['opa']) нормально сработает, но элемент то в массиве всё равно есть...
0 votes22 answers -
Слайдер и фотогалерея
На странице http://mashinki.net.ua/pages/test/test.php (это тестовая страница) попробовал разместить слайдер(он по середине страницы) и фотогалерею (она в самом низу) слайдер работает вроде бы без ошибок, а вот в галерее заметна небольшая ошибка, которая всё портит при щелчке на фото работает переключение и все предполагаемые эфекты fancybox, но почему-то кнопка закрыть не функционирует и ещё у меня в галерее 5 изображений на локальном компьютере работают пять а на сайте видны в списке только четыре т.е. две проблемы: одна с кнопкой закрытия, а вторая с выводом картинок.
0 votes16 answers -
Картинка в новом окне.
Ребят. Я очень слаб в JS но нужно решить задачу. Для знающих не представляющую труда. Есть ссылка на картинку <a href='images/photo.jpg'>Pthoto</a> Как сделать так что бы по переходе по ссылке изображение отображалось в отдельном окне и размер окна совпадал с размерами картинки?
0 votes3 answers -
Использование not в jQuery
У меня в примерах справочника используются вкладки, активная помечается классом active. Вот здесь показано. https://webref.ru/css/opacity#field_css_example В JS пытаюсь указать, что на элемент с классом active щёлкать не надо. Но всё равно срабатывает. $('.webrefExample-tabs-result').not('.active').click(function() {... Как правильно использовать not в данном случае?
0 votes2 answers -
class color
Написал полезный класс, мне он показался довольно удобным, а его функция tohex мне кажется самой быстрой среди аналогов, вобщем я не удержался и решил поделится со всеми this.color = function(c) // c - цвет в формате "#000000" { if (c.charAt(0) == '#') c = c.substr(1); var i = parseInt(c, 16); this.r = i >> 16; this.g = (i >> 8) & 255; this.b = i & 255; this.tohex = function() { return '#' + byte2hex(this.r) + byte2hex(this.g) + byte2hex(this.b); } function byte2hex(b) { var b = parseInt(b); var a1 = b / 16; var a2 = parseInt(a1); var a3 = 0; if (a1 != a2){ a3 = b - a2 * 16; } var str = ""; if (a2 > 9) { str += String.fromC…
0 votes3 answers