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
-
blurjs - 2 объекта и не пашет
http://zverushka.bl.ee/estimation/ 2 блока, где мужик должны быть смазанные окошки. Если активировано только 1 окно - оно работает. А так заблурено только нижнее. http://zverushka.bl.ee/estimation/ $('#blur-target').blurjs({ source: '#blur-source', radius: 20 }); $('#blur-target2').blurjs({ source: '#blur-source2', radius: 20 });Что делать, как лечить и заставить работать? Если поставить таймаут для каждого вызова - то работает (но это ненадежно - верно?) В принципе код плагина достаточно короткий - может кто подскажет, как его модифицировать, чтобы он создавал независимые копии элементов? https://github.com/jakiestfu/Blur.js/blob/master/blur.js
0 votes8 answers -
Обновление изображения
Добрый день всем. Подсмотрел на одной страничке скриптик: function refr() { var bk = document.getElementById("t"); if(!bk) return false; var el = bk.getElementsByTagName("img"); if(!el) return false; var ell = el.length; var d = new Date(); var par = d.getHours() + "" + d.getMinutes(); for(var i = 0; i < ell; i++) { el[i].src = el[i].src + "?par=" + par; } } var tm = setInterval("refr()", 1000); Он обновляет картинки методом замены src. Сначала обращается к таблице (первая строка, id "t"). Потом собственно к картинкам (tag "img"). А потом начинает на основе даты мотать src (обновление раз в секунду). Не смог в оригинале найти управление данным скриптом. Ес…
0 votes2 answers -
Помогите с JS
Подскажите, пожалуйста, как правильно обратиться к фильтру через скрипт конструкции вида, приведенного ниже, к сожалению, не работают document.getElementById(elementID).style.filters.alpha.opacity=opacity; document.getElementById(elementID).style.filter = ‘alpha(opacity=’+ opacity +’)';
0 votes3 answers -
Вопрос по JQery
Есть такой HTML файл: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <script src="http://code.jquery.com/jquery-1.2.6.js"></script> <script type="text/javascript"> function load_text() { $('#Wrap').load("1.html#s3");} </script> <title>Проба</title> </head> <body> <div id="menu3"> <ul> <LI><A href="#1" onClick="load_text()">заменить div</a><…
0 votes8 answers -
Конфликт document.getElementById
Доброго времени суток! Назрел вот такой вопрос никак не могу найти его решение Требуется вывод фрейма с определенным участком сайта в модальном окне (калькулятора), по отдельности все работает как нужно, но как только объединил вывод фрейма и модальное окно, перестало работать отображение требуемого участка сайта в окне, код прикладываю ниже можно скачать архив, что бы не прикладывать тут в посте все библиотеки. <!DOCTYPE html><html><head><title>Тестовая страница</title><meta name='author' content='Eric Martin' /><meta name='copyright' content='2010 - Eric Martin' /><!-- Page styles --><link type='text/css' href='css/demo…
0 votes6 answers -
Период времени
Здравствуйте. Подскажите, как реализовать выполнение кода в определенные промежутки времени. Сделал так: var now = new Date(), hours = now.getUTCHours(), minutes = now.getUTCMinutes();if(hours>=7 && (hours<=21 && minutes<=30)) {// do something};но потом понял, что код не будет работать для 8:31, к примеру.
0 votes2 answers -
Показ текста без перезагрузки страницы
Здравствуйте. Столкнулся с такой проблемой: нужно чтобы при вводе ключевого слова в текстовое поле и нажатия Enter, появился определенный блок на странице. Этих ключевых слов может быть много и для каждого свой блок должен появляться. Помогите, пожалуйста.
0 votes4 answers -
Нелогичное поведение скрипта
Есть сайт. В нём на странице участника есть код <div class="right"> <a href="" class="l"></a> <div class="border"><img></div> <a href="" class="r"></a> </div> Картинки могут быть разного размера, но не более 422px. Кнопки .l и .r следовательно должны меняться под размеры каждого отдельного изображения. Поскольку .right размер не фиксирован height:100% тут не отделаться. Есть вот такой js $(document).ready(function(){ var height = $(".right").height(); $(".r, .l").css('height', height+'px'); }); Всё хорошо, тол ько есть небольшой баг. Если зайти на страницу напрямую (откройте webkit браузер и посетите ссылку),…
0 votes14 answers -
Оберточная функция для вызова алерта
Всем привет, Хочется сделать оберточную функцию для вызова алерта : $.alert({ title: 'Debugging', content: 'Logs cleared !', icon: 'glyphicon glyphicon-remove', confirmButton: 'OK', keyboardEnabled: true, confirm: function(){ $('#textarea_sql_queries_text').html(''); $('#textarea_sql_queries_text').focus(); } }); И получается что-то вроде: function alertMsg(content, title, confirm_button, icon) { $.alert({ title: title, content: content, icon: ( typeof icon != 'undefined' ? icon : 'fa fa-info-circle' ), confirmButton: ( typeof confirm_button != 'undefined' ? confirm_button : 'OK' ), keyboardEnabled: true }); } За исключением последнего параметра confi…
0 votes1 answer -
Чтение локального видео с input file
Всем доброго дня. Уже несколько дней бьюсь с такой задачей. Есть такой код. <video src="" id="video" controls></video> <br> <input type="file" id="file"> Как можно открыть локальный файл input на стороне клиета и возпроизвести в плеере? я знаю что нельзя получить абсолютный путь к клиентскому файлу. Что нужно вставить в атрибут src чтобы воспроизвести файл input? Я могу реализовать подобное с помощью php. HTML код: <video id="video" src="<?php echo $video ?>" controls> <form action="index.php" method="POST" enctype="multipart/form-data"> <input type="file" name="video"&g…
0 votes1 answer -
Шрифт в javascript
Здравствуйте! Помогите, пожалуйста, найти то место, где в этом коде можно поменять цвет цифр. Вот код:<script language='javascript' type='text/javascript'> function fulltime () { var time=new Date(); var newYear=new Date("jan,01,2011,00:00:00"); var totalRemains=(newYear.getTime()-time.getTime()); if (totalRemains>1){ var RemainsSec = (parseInt(totalRemains/1000)); var RemainsFullDays=(parseInt(RemainsSec/(24*60*60))); var secInLastDay=RemainsSec-RemainsFullDays*24*3600; var RemainsFullHours=(parseInt(secInLastDay/3600)); if (RemainsFullHours<10){RemainsFullHours="0"+RemainsFullHours}; var secInLastHour=secInLastDay-RemainsFullHours*3…
0 votes1 answer -
Кастомный выпадающий список стран при помощи API
Подскажите пожалуйста, как правильно сделать кастомный список стран используя API. Вот fetch код: const countryList = document.querySelector('.form-list.country'); fetch('https://restcountries.com/v3.1/all').then(res => { return res.json(); }).then(data => { let output = ''; data.forEach(country => { output += `<li class="form-item" data-value="${country.name.common}">${country.name.common}</li>`; countryList.innerHTML = output; }); }).catch(err => { console.log(err); }); полный код html, css, js Во втором списке "Country" список формируется, но название страны не поставляется в форму, а атрибут "data-value="" …
0 votes0 answers -
много выпадающих меню из отдельного файла
Здравздвуте! ) есть табличка со большим количеством ячеек. нужно что бы при клике на ячейку выпадало меню, созданное в отдельном файле. пример таблицы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> <style> body { background-color: Black; } .tab { background-color: black; margin-top: 1%; border: 2px solid #339900; } .tr{ background-color: #333333; border: 1px solid #00FF00; } H1 { color: #00FF00; font-size: 14px; font-family: serif; margin:0px; padding:0px 1px 0px 1px; } H2 { color: red; font-size: 15px; margin:0px; padding:0px; } </style> </head>…
0 votes1 answer -
div contenteditable="true"
помогите реализовать. при помощи javascript хочу сделать, чтоб каждый символ введенный в div contenteditable="true" находился в в теге span
0 votes6 answers -
Помогите найти скрипт
Помогите найти скрипт с утра должно быть 70 потом кажен час добавляться по 4-5 так до 24 часов потом следующий день так само с 70 потом кажен час + 4-5 и т д.
0 votes8 answers -
помогите разобрать код
На сколько я понимаю то ниже приведенный код - это создание объектас использованием конструктора без имени. Созданный объект имеет приватные и паблик методы. var dragMaster = [size=7]([/size]function() { var dragObject function mouseDown(e) { клик на переносимом элементе: начать перенос } return { init: function() { // инициализовать контроллер document.onmousemove = mouseMove document.onmouseup = mouseUp }, makeDraggable: function(element){ // сделать элемент переносимым element.onmousedown = mouseDown } } }[size=7]())[/size] Не могу понять зачем…
0 votes1 answer -
XMLHttpRequest
Код изменения контента страницы без перезагрузки страницы. Своего ничего практически, всё по примеру - http://htmlbook.ru/html5/history, за исключением только что асинхронности (в примере - синхронно). С pushstate проблем никаких. А вот по поводу самого изменения контента возникли некоторые вопросы: 1. responeText - как эта штука работает? я прописываю document.getElementById("content").innerHTML = req.responseText; А он мне меняет всю страницу... Правда, по-моему, когда было синхронно, он мне вообще новую страницу полносью загружал вот в этот указанный див. А менял я function swapPhoto(href) { var req = new XMLHttpRequest(); req.open("GET", "http:/…
0 votes11 answers -
Некроссбраузерный код
Доброго времени суток. Всех с наступившим. Имеется небольшой скриптик( http://www.beavers-net.narod.ru/capricorn.html "о козероге" ->"характер") (http://www.beavers-net.narod.ru/script.js сам скрипт) Он работает в Opera 10, Safari, Firefox, Chrome... Есть http://www.beavers-net.narod.ru/news.html, где собственно изменены только параметры ширины и высоты (скрипт2 - http://www.beavers-net.narod.ru/func.js первые три функции). Работает только в ИЕ и Опера. В чем прикол? Спасибо. С ув. Олег.
0 votes2 answers -
textArea
Как сделать так чтоб высота textarea изменялась в зависимости от количества строк текста?
0 votes3 answers -
Yandex Map коллекция элементов
Всем привет! Товарищи форумчани, нужна ваша помощь. Есть код <a id="searchmap" data-adr="39.731847, 43.590363//55.999331, 54.7105">г. Сочи, ул. Параллельная, 4//г. Уфа, ул. Степана Кувыкина, 39</a><a id="searchmap" data-adr="56.070217, 54.766043">г. Уфа, ул. Юрия Гагарина, 40</a>$(document).ready(function(){ ymaps.ready(init); var map, myCollection; function init () { map = new ymaps.Map(document.getElementById("YMapsID"), { center: [54.767352, 56.051101], zoom: 13, type: "yandex#map" }); }; $("a#searchmap").click(function() { alert("wdwd"); myCollection = new ymaps.Ge…
0 votes5 answers -
Raphael
Добрый день/вечер/утро/ночь! говорю сразу я новичок дубовый. решился воспользоваться библиотекой Raphael, но тут же встретил проблему - нету документации на русском. несмотря на мои знания английского, мало что понял в документации. собственно вопрос такой - создавая карту, как сделать перемещение ВСЕХ элементов? т.е. drag как я понял. нужно нажимая на любое место внутри svg, если удерживаю кнопку и перетаскиваю чтобы все объекты меняли свои Х и У. огромная благодарность за помощь(у меня 14 часов на выполнение задачи) кстати, карта берется из js файла, в котором каждая страна прописана отдельно, методами lineto/moveto/и кривыми.. выходит одна длиннющая строчка. upd1. норм…
0 votes2 answers -
Будет ли работать такой код?
Тут надо было проверить список переменных на существование, хотела схитрить, вроде бы работает, но не уверена, что без косяков. Если кто хорошо разбирается в логике компиляторов браузерных, оно будет работать как запланировано? typeof (data.var1 ||data.var2 ||data.var3 ||data.var4 ||data.var5) != 'undefined' ? x : y Или такое, работать будет? (key == ('check1' || 'check2') ?fire1() :fire2())
0 votes9 answers -
Помогите, пжлста, с кодом.
Здравствуйте! Следующий вопрос. На сайте есть блок (id='container'), в котором находится блок большего размера (id='content'). Соответственно, у #container появляется скролл. #container больше страницы, у страницы тоже скролл. Задача: убрать прокрутку скролла у #container колесом мыши. Не у всей страницы, а только у данного блока. Есть такой код (для FF): <script type="text/javascript"> document.addEventListener('DOMMouseScroll', function (e) { e.stopPropagation(); e.preventDefault(); e.cancelBubble = false; return false; }, false); </script> Все хорошо, только он убирает прокрутку всей страницы. Помогите, пжлста, отредактировать код, что бы он применялся т…
0 votes8 answers -
Фон для фигур в canvas.
Туплю, выгуглить что-то подходящее тоже не могу. По сути - есть канва, в ней создается фигура (скажем звездочка) и эту звездочку нужно заполнить фоновым повторяющимся рисунком. Окей, можно создать паттерн, но тогда он принимает картинку с исходной шириной и высотой, а мне к примеру нужно изменить высоту фона (фон полосатый и ширина полоски важна). Есть же ф-ция drawImg, но как разрисовать этой функцией звездочку ума не приложу. Создавать канву в канве - тоже не пойму что куда. На в3скул есть песочница для паттерна и еще одна для дравИмг. Рисунок можно менять только в скрипте. Памагыте кто только может. Спасибо.
0 votes0 answers -
Как получить HTML код объекта
Ну вот есть innerHTML, чтобы впихнуть код в объект, а каким образом можно получить HTML из объекта (к примеру того же <div>)?
0 votes2 answers