Jump to content

Report

  • Similar Content

    • Vasilyyy
      Добавление и удаление классов по клику
      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);     } }  


    • Алексей2802
      Увеличение элемента при нажатии
      By Алексей2802
      Здравствуйте, уважаемые!!
      Начну с того, что перерыл весь интернет по данному вопросу. Нашел только про картинки (img) с определенными id, что мне не подходит.
      А вопрос такой:
      При нажатии на div с классом "small", который находится в ячейке таблицы, надо его увеличить на пол экрана, создав затемнение тела сайта. При этом ячейки не должны изменять размеры. При повторном нажатии, либо нажатии вне этого дива, вернуть его в исходное положение.при этом ячейки не должны изменять размеры.
      https://jsfiddle.net/x7106joc/3/
      Заранее благодарен.
    • FitTech
      if/else в onclick
      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 добавить проверку?
    • kattiperk
      Не открывается модальное окно по-хорошему
      By kattiperk
      Здравствуйте.
       
      Случилась проблема - плохо открывается модальное окно
      http://top-matras.ru/- при нажатии на " Заказать обратный звонок"
       
      Было всё неплохо, потом кто-то там хозяйничал, всё сломал. А я устала куда смотреть, не могу найти!
      Спасибо.
       
       
    • GrizzzlyGames
      Помогите с ошибкой(код в сообщении)
      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>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept