Search the Community
Showing results for tags 'onclick'.
Found 9 results
-
Доброго времени суток. Я начинающий в изучении JavaScript. Во время моих уроков я столкнулся с проблемой, которую не могу решить уже 4 дня. Она состоит в том, что при первом клике значок переворачивается на 180 градусов направо, а по следующему клику он должен крутиться в реверсе. В чем я допустил ошибку? Вот код, который я использовал в письменном виде: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> <button id="animStart" onclick="itemSpin();itemSpinRev();"><span id="burger">☰</span></button> <script type="text/javascript"> function itemSpin(normal) { animStart.classList.add('anim'); var start = getMilliseconds(ms); var spinner = getMilliseconds(ms) - start; if(spinner >= 400) { animStart.classList.remove('anim'); // animStart.classList.add('animate'); // // animStart.classList.toggle('animate'); } }; function itemSpinRev(reverse) { animStart.classList.add('animate'); var start = getMilliseconds(); var reverse = getMilliseconds() - start; if(reverse >= 400) { animStart.classList.remove('animate'); } }; </script> </body> </html> body { background: #4f5a6e; margin: 0; padding: 0; } #animStart { position: absolute; background-color: #4f5a6e; margin-left: 10px; margin-top: 10px; border: none; font-size: 20px; cursor: pointer; outline: none; } #animStart.anim { animation-name: spin; animation-duration: 0.4s; animation-timing-function: linear; } #animStart.animate { animation-name: spin; animation-duration: 0.4s; animation-timing-function: linear; animation-direction: reverse; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(180deg); } }
-
Здравствуйте, уважаемые!! Начну с того, что перерыл весь интернет по данному вопросу. Нашел только про картинки (img) с определенными id, что мне не подходит. А вопрос такой: При нажатии на div с классом "small", который находится в ячейке таблицы, надо его увеличить на пол экрана, создав затемнение тела сайта. При этом ячейки не должны изменять размеры. При повторном нажатии, либо нажатии вне этого дива, вернуть его в исходное положение.при этом ячейки не должны изменять размеры. https://jsfiddle.net/x7106joc/3/ Заранее благодарен.
-
<div class="price" onclick="$(this).find('.popup_block').css('height', '660px');"><span class="name" style="font-size: 12px;">Подробнее</span><div class="popup_block" style="height: 660px;">При нажатии на подробнее, блоку добавляется 660px высота, а когда нажимаю снова на ту же кнопку, то высота на 0 не становится. Решил что нужно сделать проверку если высота больше 0, то ставить 0, а если равна 0, то ставить 660px. Подскажите, пожалуйста, как в данный onclick добавить проверку?
-
Здравствуйте. Случилась проблема - плохо открывается модальное окно http://top-matras.ru/- при нажатии на " Заказать обратный звонок" Было всё неплохо, потом кто-то там хозяйничал, всё сломал. А я устала куда смотреть, не могу найти! Спасибо.
-
Вот код, почему не срабатывает onclick? <!doctype html> <html> <meta charset='utf-8'> <head> <title>imgExample</title> <script src ='file:///E:/www/draw.js'></script> </head> <body> <canvas id='example' width = "640" height="480"></canvas> <script> var example = document.getElementById("example"), ctx = example.getContext('2d'), // Контекст picfon = new Image(); // "Создаём" изображение picfon.src = 'file:///E:/www/background/background.png'; // Источник изображения button1 = new Image(); button2 = new Image(); button3 = new Image(); button1.src = 'file:///E:/www/button/button1.png';//Кнопка ВОТ!... button2.src = 'file:///E:/www/button/button2.png';//Кнопка ЕЩЕ! button3.src = 'file:///E:/www/button/button3.png';//Кнопка Рассказать другу. picfon.onload = function() { // Событие onLoad ctx.drawImage(picfon, 0, 0); // Рисуем изображение ctx.drawImage(button1, 190, 360);//Отрисовка кнопки вот! } button1.onclick = function ajaj() { ctx.drawImage(button2, 100, 100); } </script> </body></html>
-
Нарисовал кнопку в фотошопе, добавил в canvas, теперь незнаю как добавить на картинку событие onclick, через тэг <img> неподойдет...
-
Помогите решить проблему с открытием и закрытием на одну ссылку
AlexandrV posted a question in JavaScript
Ребята есть небольшой список из дивов, при нажатии на ссылку срабатывает onclick и у следующих дивов Style меняется на block (изначально div style:none) а закрывается только на другую ссылку в виде "закрыть". Так вот: Вот первая ссылка <div class="prc_box_goodsf"><a class="prc_box_btnf" href="javascript:void(0)" onclick="document.getElementById('prc_box_openf').style.display='block';document.getElementById('prc_box_goods_bgf').style.display='block'">Прайс</a></div>Вот закрывающая ссылка<div id="prc_box_openf" class="prc_box_openf"><a class="prc_box_btn_closef" href="javascript:void(0)" onclick="document.getElementById('prc_box_openf').style.display='none';document.getElementById('prc_box_goods_bgf').style.display='none'">Закрыть</a></div>Можно все это объединить в одну ссылку что бы при нажатии блок появлялся ,а при повторном исчезал? не прибегая к написании функции? Заранее спасибо) -
Допустим я листаю меню по событию onclick...Но вот я выбрал пункт меню и открылась фотогалаерея как мне временно пока я листаю галерею остановить это событие, а потом когда я закончу снова запустить?
-
Доброго времени суток!Подскажите пожалуйста как посредством Html и CSS сделать фотку с активными элементами управления (на подобии как здесь http://www.grandmed.ru/ (там где нарисована девушка, а у нее в разных областях тела крести - нажимаешь на них - с боку всплавает меню)). Помогите реализовать идею: 1)Посредством тега <area> разбиваю изображение на области (создаю карту изображения). 2)Создаю <section> с ссылками. (каждая область section на свою область с карты изображения). Поумолчанию section с ссылками спрятана за экран посредством left: -9999px. 3)При нажатии на область карты изображения (событие onclick) выплывает соответствующее ей section с сылками (left:0) Подскажите, как это сделать? Можно ли таким образом реализовать тег <area>, или при использовании события onclick оно может вызывать только ява-скрипт а не управление стилями?
