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
-
Текущее время в Javascript
Как получить в Javascript текущее время в формате hh:mm:ss?
0 votes2 answers -
увеличение и уменьшение значения type number
Здравствуйте, у меня такая проблема, есть код, который увеличивает и уменьшает значение в input при нажатии определённой кнопки, вот только столкнулся с проблемой, если на уменьшение кнопка работает корректно, то кнопка, которая должна увеличивать, при нажатии просто делает значение максимальным. Не могу найти, где я ошибся, прошу помощи.. document.addEventListener('DOMContentLoaded', function () { if (document.querySelector('.number__but')) { let arrNuberCalc = document.querySelectorAll('.number__but'); for(let i = 0; i < arrNuberCalc.length; i++) { mycalc(arrNuberCalc[i]); } function mycalc(nuberCalc) { …
0 votes2 answers -
setTimeout
Как оптимизировать счетчики? Вот тут www.nikuz.name эффект плавного потухания рамки, но так как картинок много начинает притормаживать на слабых машинах. вот эта функция срабатывает после отведения мыши: function move(obj,nr) { transparenti[nr]=1; function plus() { if(transparenti[nr]>0) { transparenti[nr]-=0.09; if(IE==null) obj.style.opacity=transparenti[nr]; else obj.style.filter="alpha(opacity='"+(transparenti[nr]*100)+"')"; return timeMove[nr]=setTimeout(plus,0); } else return false; } plus(); } Если я не ошибаюсь таймеры вообще на каждый вызов создают копию функции.
0 votes3 answers -
Крутая форма
Кто нить в курсе как сделать дефолт текст в инпуте при фокусе, которого нельзя редактировать. Пример есть на этом сайте https://www.tcsbank.ru/credit/form/?utm_source=tinkoff_form .Там кликните в поле Мобильный телефон и увидите. Можете помочь найти правильный подход, как это реализовать? Спасибо заранее всем отвечающим.
0 votes5 answers -
innerHTML не работает в IE6 и Opera9
В приведенном ниже коде представлено 2 простейших способа добавления html-элементу содержимого. Не могу понять, почему в первом случае не присоединяется к в IE6 и Opera9. может кто-то сталкивался с такой же проблемой. Поделитесь впечатлениями. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" /> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>111</title> </head> <body> <form> <select id="s"> </select> </form> <div id="k"></div> <script language="javascript" type="te…
0 votes1 answer -
работа с id в jq
из названия мало что понятно, потому как задача с уровнями. 1) уровень: нужно получить значения всех id тегов <a> в списке <ul><li><a> 2) нужно назначить background тегам <a> такой же как его id (так как они совпадают) 3) нужно по клику на тег <a> - что бы его код цвета (он же бэграунд) попал в value инпута. первый пункт вроде как решается так: $(document).ready(function () { var arr = new Array(); $(".list ul li").each(function (i) { arr.push(this.id); });});но вот дальше че-то не могу понять как...
0 votes8 answers -
Всплывающее меню гиперссылок
Здравствуйте. Этот кусок кода взят из книги JavaScript.Просто как 2х2. Люди подскажите что здесь не так, почему не работает (Отрывок из книги: "..Когда пользователь подводит указатель мыши к заголовку категории, открывается вложенный список гиперссылок, относящийся к этой категоии...Если пользователь перемещает указатель на другой заголовок категории, список ссылок предыдущей категории сворачивается, а под заголовком категории возникает новый список...". Только начал изучать JavaScript как попал в ступор блин. Спасибо. <FORM><DIV STYLE='color: blue; text-decoration: underline'> <P ONMOUSEOVER=f1()>Группа 1</P> <UL ID='group_1' NAME='group_1'…
0 votes0 answers -
Передача параметров в javacript
Стоит задача формировать некую страницу динамически, передавая в нее параметры, например путь к странице которая будет загружена в frame index.html?cp=page1.html Дело в том, что PHP, в данном случае нельзя использовать. и сама загружаемая страница формируется из header.js content.js и footer.js. С крышей и подвалом проблем нет, а в content.js лежит следующее: function GetParam(search, name){ name=name+"="; var gp=""; if (search!='') { if (search.indexOf (name, 0)!=-1){ var startpos=search.indexOf(name, 0)+name.length; var endpos=search.indexOf("&",startpos); if (endpos<startpos) {endpos=search.length;} var gp=p.substring(startpos,endpos); } else …
0 votes2 answers -
Chrome, получение скролла
Цель: есть боковая панель, у которой верхний отступ 20 пикс. нужно сделать чтоб при скролле больше 20 пикс, эта панель была "фиксированной", то есть ползла вместе со скроллом, но уже с отступом в 0 пикс. (Не нужно предлагать фиксировать эту панель. Это не решает проблемы) В общем все сделал и все работает, но вот в хроме при скролле панель начинает дергаться (при фиксации панели та же проблема, но конечно этот артефакт появляется при первом скролле, далее все в порядке, так как панель зафиксированна). Возможно это вызвано запаздыванием события, других мыслей по этому поводу пока нет. Странное дело, на jsfiddle все работает без артефактов, а вот в шаблоне нет.. Приме…
0 votes6 answers -
Адаптивная верстка email-письма. Не получается отцентровать блоки на адаптиве
Верстаю адаптивное email-письмо Эти две картинки должны быть по центру на адаптиве. Но у меня не получается их отцентровать прописываю стили инлайново http://skrinshoter.ru/s/190919/C7ZqQEyh?a Подскажите как это сделать https://codepen.io/yaparoff/pen/GRKwgRX?editors=1000
0 votes4 answers -
Подгрузка видео html5.
Привет! Никто не знает, как принудительно заставить браузер подгрузить видео. Дело в том, что иногда оно загружается очень уж медленно. Но если поставить его на паузу, то загрузка происходит довольно быстро. С чем связано такое поведение? И можно ли как-то заставить браузер так же быстро его грузить, не ставя при этом видео на паузу. Написал небольшой костыль. За это время успевают подгружаться 4-5 минутные видео точно, может и больше: video.play();setTimeout(function() { video.pause(); setTimeout(function() { video.currentTime = 0; video.play(); }, 1000);}, 500);Заранее спасибо!
0 votes0 answers -
Почему создаётся три ul?
Всем привет! Есть такой код: <script> var ul = document.createElement('ul'); while(true) { var str = ''; var user = prompt('Пишите содержимое пункта'); if (user === null || user === str) { break } var li = document.createElement('li'); li.innerHTML = user; ul.appendChild(li); console.log(ul); } </script> когда ввожу что-то в промт, программа создаёт столько ul сколько я ввёл, вместо того чтобы создать один ul со всеми пункатми что я ввёл в промт. Из чего это?
0 votes3 answers -
Как ограничить перемещение пользователя по личному кабинету?
Пожалуйста подскажите решение или "где спросить"?Задача: ограничить перемещение пользователя по личному кабинету вебсайта. Доступ к коду только тот, что предоставляет вебсайт.Пример: торговля через сайт. Есть доступ к торговым операциям, но нет доступа к личным данным или "выводу денег". Т.е. я провожу авторизацию в лич.каб., запускаю "программу", после чего у оператора есть возможность осуществлять торговые операции, но нет возможности перейти в другие разделы личного кабинетаПояснение:условная структура личного кабинетатри разделаhttp://site.ru/торговля/....http://site.ru/лич.данные/....http://site.ru/вывод-ввод/....Если http://site.ru/торговля/ меняется на другое, прои…
0 votes1 answer -
Определить событие при добавлении контента
Всем привет. Попробую описать проблему. Есть страница с таблицей. При загрузке в зависимости от количества столбцов и их содержимого скриптом определяется их ширина. Тут проблем нет. При нажатии на кнопку появляется див, в котором есть возможность добавить или удалить столбцы (без перезагрузки страницы). Соответственно, после добавления или удаления столбца, скрипт должен пересчитать количество столбцов и назначить им новую ширину. Вопрос в том, что никак не могу понять к какому событию можно привязаться. Если к клику по кнопке "добавить столбцы" в диве, то событие наступает раньше, чем добавляются столбцы. А другое, что-то не приходит в голову
0 votes9 answers -
выпадающий список
есть код: this.style.backgroundColor=this.options[this.selectedIndex].style.backgroundColor; и выпадающий список: <select style='width:100px;' id="color" name="color-choise" size="1" onchange="color()";> Если я прописываю код прямо внутри списка, за место функции "color()", то код выполняется. Но если я записываю его так <script type="text/javascript"> function color() { this.style.backgroundColor=this.options[this.selectedIndex].style.backgroundColor; } </script> то ничего не происходит. В чем проблема?
0 votes9 answers -
Движение изображений по кривой
Имеется обычная карусель jQ, подскажите какую функцию нужно добавить, чтобы можно было заставить вращаться картинки не по кругу, а по кривой. Может ссылкой кто поделится?
0 votes2 answers -
Отправка одной формы на разные страницы
Добрый день, подскажите пожалуйста как решить задачку... Есть код типа такого. <form name='f1' action="index.php"> <input type="text" name="t1"> <input type="submit" name="s1"> </form> <input type="button" name="b1"> Как сделать так, чтобы при нажатии на кнопку name=b1 форма отправлялась на страницу button.php. Никак не получается написать рабочий код.=( пытался задавать document.forms.f1.action = "button.php", но ничего не работает. Немного знаком с РНР. JS только сейчас начал разбирать...=(
0 votes6 answers -
contentEditable - фокус для редактирования по 2 клику
Есть следующий код: $(".menuedit").dblclick(function() { $(this).attr('contentEditable', 'true'); $(this).focus(); }); Я хочу чтобы при двойном клике див становился редактируемым, соответственно атрибут contentEditable устанавливается в true, но фокус не получает, он получает фокус только в 1 случае, если я перевожу фокус на другой элемент, а затем вновь на него, и то при 1 клике. Собственно как реализовать?
0 votes1 answer -
Программное раскрывание списка "select"
стоит задача: по наведении на select открыть его как если бы на нём кликнули. Используется фреймворк jQuery. Код который уже использовался безрезультатно: 1. $('select').mouseover(function(){ $('select').trigger('click'); }); // click отрабатывает, но select не раскрывается 2. $('select').mouseover(function(){ $('select').click(); }); // click отрабатывает, но select не раскрывается Подскажите как решить проблему
0 votes4 answers -
Как сделать так, чтобы форма открывалась при нажатии на кнопку, которой на странице находится несколько штук?
Всем привет, подскажите, пожалуйста, как сделать так, чтобы форма открывалась при нажатии на кнопку, которой на странице находится несколько штук? У меня есть кнопка и несколько ее копий на странице, и я хочу, чтобы если пользователь захотел нажать на кнопку, только на другом месте страницы, открывалась та же самая форма. Но, к сожалению, ее открывает, только самая первая кнопка, подскажите, пожалуйста, решение! Спасибо! <body> <button class="btn-modal" id="open">Отправить заявку</button> <button class="btn-modal" id="open">Отправить заявку</button> <button class="btn-modal" id="open">Отправить заявку</button> <div c…
0 votes1 answer -
Подключение jQuery
Посоветуйте кто, есть движок блога, стоит ли включать в него jQuery. Сейчас на чистом js реализованы след. вещи: аякс модальные окна бб-коды планируется введение: drag and drop загрузка файлов и картинок аякс стоит ли подключить jQuery и сделать всё на jQuery или лучше писать всё на чистом js? заранее спасибо
0 votes2 answers -
clearTimeout
Всем добрый день, опишу ситуацию. Есть цикл в цикле в переменную tim указывается время указанное в полях пользователем. Это время через которое должна запускаться программа, может быть 5 секунд, может быть 2, может быть 60, может быть 180, правильнее сказать любое может быть, на усмотрение пользователем. Вначале я сделал паузу function pause(ms) { var date = new Date(); var curDate = null; do { curDate = new Date(); } while(curDate-date < ms); } функция просто считала секунды и подвешывала браузер если больше 10 секунд, можно было продолжать конечно и все работало, но не корректно как-то, должно все и так работать. Решил использовать setTimeout Но он получается общий…
0 votes5 answers -
надоело руками писать атрибут
$('form').attr({'method': 'post'}); верстая очередной шаблон со множеством форм, понял, что мне в лом писать для каждой формы method="post" но, увы, значение по умолчанию get, так что надо. проблема решается одной строчкой, приведённой выше. плюс 1, но большой: экономит 14 байт для каждой формы и время, чище код. Минусов придумать не сумел. Есть ли какие-то весомые аргументы, почему не стоит использовать добавление атрибута при помощи js? Подскажите пожалуйста.
0 votes23 answers -
На какие новшенства css надо обратить внимание верстальщику?
На какие новшенства css надо обратить внимание верстальщику? CSS Modules, Flex, CSS Grid... Что еще?
0 votes5 answers -
Запуталась с this
var globalObject = { setClasses: { next: function (el) { console.log(el); }, prev: function () { } }, moveElems: { top: function () { //как обратиться к setClasses.next(someElem)? }, left: function () { } }}Привет всем! Вопрос в коде, мне нужно из свойства top объекта moveElems обратиться к свойству next объекта setClasses. this внутри свойства top будет обращаться к moveElems, а как обратится globalObject, чтоб можно вызвать setClasses.next(someElem)?
0 votes16 answers