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
-
Имитация input type="file"
Подскажите пожалуйста скрипт для имитации <input type="file" name="Add image" value="Add image" /> т.е при клике на ссылку <a href="#" class="awesome" >Add image</a> должно вылазить окно станратное выбора файла
0 votes7 answers -
Проблема контекста с setInterval
<html><body><script> function test() { this.v1 = 0; var v2 = 0; var tid = setInterval(foo, 20) function foo() { if (this.v1 == 10) { clearInterval(tid); } else { this.v1 += 1; //а здесь this хз знает что v2 += 1; } } this.mes = function mes() { alert(this.v1 + " - this.v1 должен быть равен 10"); alert(v2 + " - v2 тоже должен быть равен 10"); } } var t = new test(); setTimeout(mes, 2500) function mes() { t.mes(); } </script></body></html>
0 votes3 answers -
Клик только внутри блока
А как обращаться только внутрь одно из блоков? Т.е. чтобы кнопка срабатывала только внутри одного блока. Ну и карта соответственно. https://codepen.io/npofopr/pen/RwwaodB
0 votes8 answers -
Ссылки из результатов поиска Яндекса в виде таблицы
Сделал скрипт, представляющий результаты выдачи в виде таблицы. Может быть полезен тем. кто смотрит выдачу Яндекса глазками (на скорую руку, например). Надо создать любую закладку и вместо урла вставить код. Код ниже, при вставке в закладку заменить разбитое слово java script на javascript java script:var s = '<table border=1>'; var cnt = 1; for ( i=0; i < document.links.length; i++ ){s += ( document.links[i].className == 'cs' ) ? '<tr><td>' + (cnt++) + '</td><td><a href="' + document.links[i].href + '">' + document.links[i].href + '</a></td><td>' + document.links[i].innerHTML + '</td></tr>' : ''; }docu…
0 votes9 answers -
Как установить глубину объекта html
У меня есть несколько объектов которые можно переместить с помощью мышкой. Как сделать так, чтобы при перемещении объект оказывался поверх остальных. В flash это делается с помощью setChildIndex и swapChildren который меняет глубину объектов. Я знаю что глубина задается во время прорисовки тот объект который рисуется последним отображается поверх всех остальных. Значит при выборе объекта мышкой он должен автоматически прорисовываться последним. Теоретически это понятно, а вот на практике реализовать не получилось. Вот код: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Move</title> </head> <body…
0 votes1 answer -
"поднятие" слоя!
Привет всем! У меня в скрипте какая-то ошибка! Я хоче чтоб пj ножатие по слою (он в обсалютных координатах), он становился выше (1), чем остальный, а при ножитае по другому слою, возрощался на место (auto)! не могу понять ошибку, он говорит !предпологается наличие индификатора!! Подправтt меня! Спасибо <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Untitled</title> <style type="text/css"> <!-- html, body { margin: 0px; padding: 0px; border: none; background: #fff;} .listik { width: 150px; height: 130px; margin: 0px; padding: 0px; b…
0 votes3 answers -
Javascript DOM Node
есть 1 2 3 как сделать с помощью javascript? 1 2 3
0 votes2 answers -
контент, который тянется до определенного разрешения, а потом центрует
проблема вот в чем: контент сайта должен тянуться с разрешения 1024*768 до 1024*1280. в ширь. если разрешение больше, он должен останавливать свою тянучесть и центрироваться. сейчас на большом разрешении (1600*1200) в опере и в ие он тянучесть останавливает, но жмется влево. в огнелисе тянется на всю ширину и никакой max-width его не останавливает. а также такой код его не берет: body { margin: 0 auto; padding: 0; font-family: Georgia; font-size: 100.01%; font-weight:normal; } .all{ width: expression(document.body.clientWidth < 1240 ? "100%" : "1240px"); max-width:1240px; min-width:1000px; } можно через жабаскрипт еще что-нить добавить, чтобы было как надо? ес…
0 votes11 answers -
jQuery - проблемы с анимацией в ff (3.6.6)
Всем здрасте. Использую анимацию при помощи метода animate() - параметры: left, opacity. Проблема: Не удовлетворительное отображнение в ff (v_3.6.6) - не плавно, немного подтормаживает (в частности свиг блока с текстом, хотя .show() тоже в фоксе не так шустро как в остальных упомянутых анимирует). В остальных (которые проверял: ie6/7, chrome, opera 10.5) анимация "летает". В гагле нашел, что такая проблема есть, решений пока не нашел. Кто знает - подмогите. Код здесь.
0 votes8 answers -
Как получить выбранные значения всех radio элементов?
Всем привет. Подскажите пожалуйста, как можно получить значения value всех выбранных input radio. <input type="radio" class="server" name="dimaz" value="1">раз<Br> <input type="radio" class="server" name="dimaz" value="2">два<Br> <input type="radio" class="server" name="dimaz" value="3">три<Br> <input type="radio" class="server" name="dimaz2" value="1">четыре<Br> <input type="radio" class="server" name="dimaz2" value="2">пять<Br> <input type="radio" class="server" name="dimaz2" value="3">шесть<Br> <b>нажать</b> Пробовал искать по классу, но получаю значение только первого найденного на с…
0 votes10 answers -
Мигание картинки
Здравствуйте. Есть такой вопрос, можно как-то сделать чтоб картинка мигала при числе больше нуля? Хочу чтоб на форуме (phpbb3) когда ЛС больше нуля, чтоб мигала картинка... Типа индикации получается. Погуглил, ни чего такого не нашел Помогите пожалуйста
0 votes4 answers -
Замена класса при нажатии на ссылку
Здравствуйте! Возникла проблема: хочу поменять класс ссылки нажатием на эту же ссылку (вот такая вот рекурсия). Таких ссылок несколько, Обращаюсь к ссылке через id и меняю ее класс. Проблема заключается в том, что по отдельности эти скрипты работают, а вот вместе не хотят. Абсолютно ничего не происходит. Буду очень благодарен за помощь! <script type="text/javascript"> $(document).ready(function(){ $('a#link1').click(function(){ $('.lin1').each(function(){ if ($(this).hasClass('lin1')) {$('#link1').removeClass('lin1').addClass( 'lin2');} }); }); }); </script> <script type="text/javascript"> $(document).ready(function(){ …
0 votes4 answers -
Кое что нужно дополнить... для полного счастья :)
Товарищи, у меня есть скрипт скрытия некой части кода: <style type="text/css"> .treeview { padding: 0; clear: both; font-family: Arial, sans-serif; width: 100%; } .treeview * { font-size: 100.1%; } .treeview ul { overflow: hidden; width: 100%; margin: 0; padding: 0 0 1.5em 0; list-style-type: none; } .treeview ul ul { overflow: visible; width: auto; margin: 0 0 0 0; padding: 0 0 0 0.75em; } /* класс для ul после которых нет li в родительских ветках */ .treeview ul.l { border-left: 1px solid; margin-left: -1px; } .treeview li.cl ul { display: none; } .treeview li { margin: 0; padding: 0; } .treeview li li { margin: 0 0 0 0.5em; border-left: 1px dotted; …
0 votes7 answers -
jade(pug) in gulp
Всем привет! Сам не могу справится. Подправьте, пожалуйста, галпфайл, нужно добавить jade(pug). Структура файлов во вложении. Сейчас index.html и creamy.html собираются из кусков из папки template с помощью rigger. gulpfile.js
0 votes2 answers -
Enable - disable
Как сделать кнопку, поле, с помощью JS, неактивной и наоборот. С помощью setAttribute не получается.
0 votes3 answers -
вставка картинки с помощью execCommand
Здравствуйте! Для начала: Я знаю, что "не стоит изобретать велосипед" и все такое... знаю, что этих висивигов в сети типа полно (хотя что-то я особо примеров не нашел достойных)... так что прошу не отсылать сразу в сад. А теперь собссно: Пишу свой миниатюрный висивиг, из функционала будет лишь самое необходимое: жирный текст, италик и т.п., выравнивание туда-сюда, вставка заголовков и вставка картинок. Возникло несколько вопросов: 1. При вставке картинки (execCommand('insertImage')) в Мозилле и в ИЕ (а может и в др. браузерах) включается ресайз картинок (элементы управления видны типа как в фотошопе). Можно это дело как-нить отключить? 2. Можно ли рулить кодом который ген…
0 votes5 answers -
После запроса $.post возвращаются иероглифы
$.post( "wp-content/themes/mythe/page-konst.php",{ scriptCharset: "utf-8", plan_i2:plan_i2, klass:klass }, onAjaxSuccess2); // - запустим анимацию загрузки function onAjaxSuccess2(data){stopLoadingAnimation(); $('.top-const').append(data); }}); "Впервые пробую Аякс. По этому не кричать на валидность" - Проблема вот в чем. Делаю запрос который написан выше. В нем передаю две переменные. В ответ мне должен прийти кириллический текст. Но приходит ломаная кодировка в стиле иероглифов ((( Цифры и латиница идет нормально. .... В header <meta charset="utf-8">. В базе тоже норм все. Кто владеет мудростью , поделитесь ?
0 votes21 answers -
Display:none
Здравствуйте! Есть такой код: скрипт: <script type="text/javascript"> <!-- function show(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} } if (d) {d.style.display='block';} } function hide(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='block';} } if (d) {d.style.display='none';} } //--> </script> приминение скрипта к этой части: <div id="menu"> <ul class="top_menu_item" > <li …
0 votes3 answers -
Хелп с встплывающим блоком
Помогите пожалуйста с проблемкой. Нашел в сети вот этот скрипт. Работает jQuery. <A id=toggler href="#">Линк</A> <DIV id="ttttt" class="no-display drop-down-block">Всплывающий блок</DIV> <script type=text/javascript src="jquery-1.3.2.min.js"></SCRIPT> <script type=text/javascript> (function($) { $.fn.dropDownBlock = function(block, options) { var defaults = { speed: 'fast', top: $(this).height(), left: 0 }, opts = $.extend(defaults, options), toggler = $(this), block = $(block); toggler.css({'outline': 'none'}) toggler.click(function(e) { e.preventDefault(); $(block).css({ 'posi…
0 votes11 answers -
Помогите с формулой
Добрый день! Похоже школьные годы совсем забылись и мозг отказывается работать =) Простая задача - объект (пусть это будет условно "мяч") падает с высоты h на поверхность, отскакивает, поднимается и снова падает. Силу трения и остальные внешние силы не учитываем, т.е. прыгает бесконечно. С HTML все просто: <body> <div style="margin:0 auto; width: 802px;"> <canvas id="canvas" width="800" height="600" style="border:1px solid;"></canvas> </div> </body> JS. Запускаем анимацию: window.onload = function () { var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); var engine = new Engine…
0 votes18 answers -
Как проверять скрипты?
Народ всем привет. столкнулся с проблемой на одной сайте пришлось использовать сразу 2 скрипта с jquery один работает на открытие больших изображений а другой на слайдинг этих изображение по вертикали, как только поставил их одновременно то произошел коллапс, оба они одновременно работать никак не хотят, а по отдельности работают на ура, чуть попозже пришлю ссылку, а пока просто хачу спросить как любитель в javascript что в таких случаях делать, то есть какими прогами или методами отлаживать скрипт и удалять ненужные куски кода, подскажите плз, спасибо собственно вот сам сайт , правая колонка с изображениями, пока она работает на слайдинг то есть пролистывание вверх/вниз,…
0 votes11 answers -
window.getComputedStyle подвёл, зараза :(
Если у элемента прописана высота в % (height: 60%), то Firefox и Chrome с помощью метода window.getComputedStyle(Е,null)['height'] определяет высоту в px, а нужно принципиально в % Была идея лезть в таблицы стилей через жс, но это геморно и игра не стоит свеч, но неужели придётся?(( Есть идеи, ребят?
0 votes20 answers -
Помогите написать скрипт с циклом выдачи команд
Подскажите, как запустить группу команд, подвесив их на одну кнопку Вобщем, у меня простенький скрипт кнопки код: <!-- START OF SCRIPT --> <INPUT TYPE=BUTTON VALUE="ВКЛ" STYLE="width: 0.98cm; height: 0.61cm" ONCLICK="location.href='http://192.168.254.11/index.html?cmd=W01RS|ka 01 1%0D'"> <INPUT TYPE=BUTTON VALUE="ВЫКЛ" STYLE="width: 1.19cm; height: 0.61cm" ONCLICK="location.href='http://192.168.254.11/index.html?cmd=W01RS|ka 01 0%0D'"> <!-- END OF SCRIPT --> сделал кнопки "вкл" и "выкл" В итоге наплодил этих кнопок тучу А как сделать скрипт с циклом выдачи команд - не хватает образования у меня есть юниты имеющие IP в трех группах - 19…
0 votes8 answers -
скажите пожайлуста
я не разбираюсь в java script. мне нужно реализовать такую задумку на сайте у меня есть gif анимация но она должна включаться только тогда когда пльзователь листает страницу вниз а когда листают страницу вверх на месте этой анимации должна включаться другая а когда страницу не листают её должно сменять статичное изображение.
0 votes12 answers -
Что добавить в bootstrap RevolveR
Собственно, я написал frontend библиотеку на ES7 с автоматизацией fetch, form API(стилизация checkbox, radio, select и форм), табами, слайдером, кучей полезных функций и прочего интересного и мне было бы интересно, что еще можно добавить в пакет bootstrap'а? Библиотека весит 80кб несжатого кода и полностью избавляет от нужды в jQuery. Написана на ES6-ES7 чистым JavaScript. Стили форм стандартные и я бы хотел послушать критику. Также в библиотеке есть анимации 3D матрицы и easings. Есть модальные окна, свистелки и перделки от которых таращатся поклонники jQuery. В общем зацените. Demo: https://xshiftx.github.io/RevolveR/ API: https://github.com/xShif…
0 votes0 answers