- 0
onclick как осуществить?
-
Similar Content
-
By Vasilyyy
Доброго времени суток. Я начинающий в изучении 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); } }
-
By Алексей2802
Здравствуйте, уважаемые!!
Начну с того, что перерыл весь интернет по данному вопросу. Нашел только про картинки (img) с определенными id, что мне не подходит.
А вопрос такой:
При нажатии на div с классом "small", который находится в ячейке таблицы, надо его увеличить на пол экрана, создав затемнение тела сайта. При этом ячейки не должны изменять размеры. При повторном нажатии, либо нажатии вне этого дива, вернуть его в исходное положение.при этом ячейки не должны изменять размеры.
https://jsfiddle.net/x7106joc/3/
Заранее благодарен.
-
By FitTech
<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 добавить проверку?
-
By kattiperk
Здравствуйте.
Случилась проблема - плохо открывается модальное окно
http://top-matras.ru/- при нажатии на " Заказать обратный звонок"
Было всё неплохо, потом кто-то там хозяйничал, всё сломал. А я устала куда смотреть, не могу найти!
Спасибо.
-
By GrizzzlyGames
Вот код, почему не срабатывает 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>
-
Question
romoga
Допустим я листаю меню по событию onclick...Но вот я выбрал пункт меню и открылась фотогалаерея
как мне временно пока я листаю галерею остановить это событие, а потом когда я закончу снова запустить?
Link to comment
Share on other sites
1 answer to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.