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
-
Анимация элементов списка во Vue
У меня выводится списком несколько элементов и при нажатии на кнопку "Проверить", к некоторым строкам добавляется класс .shake. Красные строки трясутся, короче говоря. https://codepen.io/webref/pen/ZEYmPPm По задумке, класс .shake после завершения анимации должен убираться, чтобы каждый раз при нажатии на кнопку происходила анимация. Для этого элементам массива присваиваю false. @animationend="animated[index] = false" К сожалению, класс shake так не убирается. Что посоветуете? Как мне убрать класс .shake после завершения анимации?
0 votes0 answers -
Остановить скролл страницы
Добрый день, проблема следующая, пользователь скроллит страницу снизу вверх. По мере того, как он подскролливается к определенной точке, мне надо добавить "сверху" страницы пару блоков контента. Естественно, после добавления, страница растягивается и текущее положение пользователя на странице сбивается. Пользователя "подбрасывает" вверх страницы. Можно ли как-то добавить контент НАД областью отображаемой в браузре, и при этом окно не должно скроллиться или дергаться. Если добавлять контент ПОД точкой просмотра пользователя, то он этого не замечает, если над - страница скроллится. Что делать, подскажите, пожалуйста.
0 votes4 answers -
Размещение JS в отдельном файле и button не срабатывает
Всем привет. Народ, подскажите почему не работает button! Файлы вроде лежат каждый по своим местам, пути прописаны правильно, а window.open все равно не хочет работать В HTML прописываю <head> <script language="JavaScript" src="../../provokation.js"> </script> </head> В Body прописываю <form> <input type="button" name="1" value="Прайс" onclick="Action()"> </form> И в отдельном файле пишу <script language="JavaScript"> <!-- function Action() { window.open("html/price/price_print.html", "", "location=0, toolbar=0, directories=0, menuba…
0 votes3 answers -
Помогите разобрать с задачей на JavaScript
Задача такая: - при помощи объектно - ориентированного программирования на JavaScript (используя: классы и наследование) собрать вывод календаря на ближайшие 2 недели. Объекты недели и дни. Добавить в структуру выходные дни. JavaScript я начал не так давно изучать и пока не до конца понял сам подход к решению этой задачи. Если кто поможет разобраться, буду очень благодарен)
0 votes16 answers -
jquery corners
с помошь. плагина скругляю уголки у дивов, и все бы хорошо,но ие 6 и 7 отображают места под скругленными углами не прозрачными а белыми. Прошу помощи кто может знает...вот код котрым скругляю углы <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.corner.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".big-block").corner("round 8px").parent().filter(".o").css('padding', '2px').corner("round 10px"); }); </script> подключение и сам блок <div class="o"><div class="big-block"> </div></div>
0 votes2 answers -
Кнопка "назад" в слайдере
Приветствую, я не знаю если у кого-то будет желание сидеть и разбираться в моем *****коде, но я буду очень признателен за любую помощь. Сам слайдер реализован на css, jquery там просто нужен для автоматического переключения слайдов. Кнопка вперед работает нормально, но я не могу понять почему не работает кнопка "назад" ведь логически там вроде все верно, компиляторы тоже не выдают ошибок (вперед\назад это эти 2 стрелочки по бокам картинки, которые перелистывают слайд). Слайдер я аккуратно выдернул и поместил сюда - http://codepen.io/anon/pen/xjrtE . Javascript составляющую я прокомментировал в коде. Буду рад любым предложениям по правке\оптимизации кода, потому что я сам …
0 votes2 answers -
удалить текстовый узел
помогите пожалуйста при помощи js или jquery удалить текстовый узел есть список, который упрощённо можно представить так: <ul class="product_list_widget"> <li> <a href="http://qqq.ru/shop/granit/104/" title="qqq"> <img width="90" height="90" src="http://qqq.ru/wp-content/uploads/2013/08/104-90x90.jpg" class="attachment-shop_thumbnail wp-post-image" alt="104"> qqq </a> <div class="star-rating" title="Рейтинг 3.50 из 5"> <span style="width:70%"> <strong class="rating">3.50</strong> из 5</span> <b class="rate_content">Рейтинг 3.50 из 5</b> </div>deleteNode </li></ul…
0 votes3 answers -
соранение или вывод на страницу текста с переменной
имеем переменную с скриптом var str, как сюда попал скрипт неважно ,доступа к скрипту нет. document.write(str); так срабатывает скрипт alert(str); а так можно просмотреть скрипт а ккак можно его скопировать или вывести на страницу?
0 votes8 answers -
Стилизация ползунка iframe
Можно ли как-то изменить вид ползунка в iframe. Никак не получается. Подскажите.
0 votes4 answers -
вроде как элементарные вопросы по jQuery
Здравствуйте. Слезно прошу не бить и не отправлять читать мануалы (на то есть некоторые причины), а помочь советом\ответом. Всех негодующих прошу пройти мимо, всем понимающим и сочувствующим заранее большое спасибо! К делу. Пример страницы - http://splean.net.ru/ex/hover.html (utf-8 кодировку забыл убрать) Рисуночек: Такой блок есть во многих из ячеек таблиц, и изначально они все невидимы. Эти блоки являют собой как бы «подменю», просто сделано все не классическими ul-li, а таблицей и div’ами. Как заставить при наведении на ячейку таблицы показывать только ее дочерний блок, а не все остальные? Если сейчас навести на ячейку Проекты а потом опустить курсор на показавшийся …
0 votes2 answers -
Нужны комментарии по готовому скрипту (magnifier)
Воспользовался готовым скриптом по увеличению картинки при нажатии. И столкнулся с ситуацией, что при ручном выставлении размеров картинки (в dreamweaver), ее увеличение происходит пропорционально. Т.е. чем меньше я делаю картинку в миниатюре, тем меньше она становится в увеличенном состоянии (итог - плохая читаемость). Мне надо увеличить картинку до конкретного размера, не зависимо какой величины я сделаю миниатюру. Как я понимаю увеличение происходит в процентом соотношении или по коэффициентам, но я не могу найти команду в коде которая отвечает за "размер зума" Помогите разобраться. Кстати курсор почему-то при наведении на картинку не меняется на лупу, так же …
0 votes7 answers -
reiltime translit, jQuery
Познакомился с JS и jQuery, как можно сказать, "вчера поздно вечером", и тут задачка: Сделать транслит, а вернее вообще визуально сохранить только одну английскую раскладку клавиатуры (никаких массивов и реплейсеров символов по keyup лучше не надо...) Как видите, я как слепой кот тычусь в event и хочу его же и дрессировать, чтобы, например, если нажать клавишу "q" в строке появлялся пробел таким образом, как будто я и нажимал пробел... $(function(){ $('.translit').keypress(function (e) { if (e.charCode == 113) { //e.preventDefault(); e.charCode = 32; // не согласился отработать..., ммм.. жалко }; }); }); Вопрос... Как вернуть в мой input за…
0 votes12 answers -
Помогите поправитьт код?
Вот код меню, которое раскрывается на под меню при щелчке и закрывается при щелчке, но есть проблема. Как сделать, что бы подменю не закрывалось при нажатии пункта подменю? <script type="text/javascript"> var id_menu = new Array('sub_menu_1','sub_menu_2','sub_menu_3','sub_menu_4','sub_menu_5'); function allclose() { for (i=0; i < id_menu.length; i++){ document.getElementById(id_menu[i]).style.display = "none"; } } function openMenu(id){ for (i=0; i < id_menu.length; i++){ if (id != id_menu[i]){ document.getElementById(id_menu[i]).style.display = "none"; } } if (document.getElementById(id).style.display == "block"){ document.getElementById(id).…
0 votes6 answers -
Height из % в px
1) Как узнать высоту td заданную в процентах? 2) Как узнать высоту страницы (не окна, а именно страницы с прокруткой), или задать в процентах? Заранее спасибо
0 votes3 answers -
Определение ноды по содержимому
На странице есть уникальный текст завернутый многократно в контейнеры. Требуется вернуть ноду контейнера в котором находится текст. Перебор всего дерева не предлагать.
0 votes10 answers -
Как реализовать такой функционал
Есть конструктор шкафа. Как реализовать такой? https://tylko.com/wardrobe/242/?cv=1&board=cat_8__type_all__id_4276 Это какой-то плагин? Или лучше написать на чистом js?
0 votes1 answer -
Ajax
Подскажите, пожалуйста, какую мне надо взять для изучения литературу, чтобы освоить на профи уровне ajax, причём, можно сказать, что с нуля
0 votes3 answers -
как определить по ссылке id тега а
Добрый день! появилась проблемма. for (var lnk = document.links, j = 0; j < lnk.length; j++) {if (lnk [j].href == document.URL) {вот тут хотелось бы чтото сделать с айди найденого линка, если быть более точным получить черерз айди линка ади родительского тега.} как получить айди родительского разберуть а как получить айди ссылки в голову не приходит.
0 votes5 answers -
Как правильно сделать раскрывающиеся блоки со скрытым содержанием внутри?
Всем привет! Подскажите, пожалуйста, как правильно сделать раскрывающиеся блоки со скрытым содержанием внутри? У меня в принципе все работает, блок открывается и закрывается, НО если я нажимаю на блок, а не на стрелочку, она у меня остается в таком же положении(а она должна у меня меняться, когда блок открывается), и получается куча мала, и выглядит это не очень презентабельно. Подскажите, пожалуйста! <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="wrapper-div"> <div class="div"> <div class="window-one"> <h3 class="title"> Заголовок 1 </h3> &l…
0 votes1 answer -
Меню
Добрый день Надо сделать меню, тоесть просканить дерикторию и выдать то, что там есть аккуратно по ссылкам. возможно ли это сделать на javascript?
0 votes6 answers -
Переадресация
Привет. Вопрос следующий. Как мне сделать так что бы при первом нажатии на кнопку решения капчи переадресовывало на другой сайт, а при нажатии второй раз на кнопку капча решалась? Заранее спасибо
0 votes11 answers -
Индексация js меню
Добрый день, в двух разных статьях прочитал, в одной что меню на Js не индексируются роботами, в другой прочитал что все норм, скажите вот такое меню js + css будет индексироваться роботами?? <ul id="menu"> <li><a href="#" onclick="openMenu(this);return false">menu 1</a> <ul> <li><a href="#">sub menu 1</a></li> <li><a href="#">sub menu 2</a></li> <li><a href="#">sub menu 3</a></li> <li><a href="#">sub menu 4</a></li> <li><a href="#">sub menu 5</a></li> <li><a href="#">…
0 votes3 answers -
Ошибка в работе canvas + stackblur
Добрый вечер. Помогите решить проблему. Есть слайдер с картинками, фоном блока, где размещён слайдер, является текущая картинка. При загрузке страницы выводится ошибка: TypeError: Argument 1 of CanvasRenderingContext2D.drawImage could not be converted to any of: HTMLImageElement, HTMLCanvasElement, HTMLVideoElement, ImageBitmap.ccimg.drawImage(Img, 0, 0, canvas.width, canvas.height);Изначально код был таким: <div id="wrap"> <img src="2.jpg" alt="" id="img"> </div> <div id="canvasInner"> <canvas id="canvas"></canvas> </div> <script> var canvas = document.getElementById('canvas') var ccimg = canvas.getContext('2d…
0 votes4 answers -
Как на jquery написать функцию завязанную на ширину экрана?
Как написать такую функцию чтобы при ширине 768 и менее добавить класс к блоку, а если ширина больше то удалить этот класс?
0 votes7 answers -
Selectivizr + :last-child - не работает в IE8
Доброго времени суток всем. Новичек в Javascript. Решил ознакомиться с утилитой Selectivizr. Создал для пробы такой код (на JSFiddle или CodePen не привожу, ибо не получилось у меня наглядно показать там пример кода): <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>selectivizr</title> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/mootools/1.4.5/mootools-yui-compressed.js"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascript" src="javascripts/selectivizr.js"></script> <noscript><link rel="stylesheet" href="[fallback css]" /><…
0 votes1 answer