ErUnDAK

Пользователь
  • Публикации

    61
  • Зарегистрирован

  • Посещение

Репутация

1 Обычная

О ErUnDAK

  • Звание
    Участник

Информация

  • Пол
    мужской
  1. что означает event? Это параметр функции или что?
  2. Может мне кто-нибудь объяснить как работает данный код? Желательно поэтапно <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> </head><body> <button data-toggle-id="subscribe-mail"> Показать форму подписки </button> <form id="subscribe-mail" hidden> Ваша почта: <input type="email"> </form> <script> document.onclick = function(event) { var target = event.target; var id = target.getAttribute('data-toggle-id'); if (!id) return; var elem = document.getElementById(id); elem.hidden = !elem.hidden; }; </script> </body> </html>
  3. Здесь описана подробно ваша задача: http://htmlbook.ru/samhtml/yakorya
  4. Решил проблему. Я просто не стал вставлять параметр right, а оставил left. Лишь изменил знаки и условие у if, где нужно повернуть вправо. Тема закрыта.
  5. Некорректно работают кнопки left и right. Иногда right вообще перестаёт работать, если нажимать left. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> .slider { border: 2px solid black; width: 300px; height: 60px; overflow: hidden; } #MySlider { position: relative; width: 400px; } #MySlider img { width: 60px; height: 60px; float: left; } #left { position: absolute; top: 205px; } #right { position: absolute; left: 253px; top: 205px; } </style> </head> <body> <div class="slider"> <div id="MySlider"> <img src="1404914279_maxresdefault.jpg" alt=""> <img src="1404914279_maxresdefault.jpg" alt=""> <img src="200596402_fabdd7acef8cf8015b45af8d81a8b396_800.jpg" alt=""> <img src="1404914279_maxresdefault.jpg" alt=""> <img src="200596402_fabdd7acef8cf8015b45af8d81a8b396_800.jpg" alt=""> <img src="1404914279_maxresdefault.jpg" alt=""> </div> <button id="left">LEFT</button> <button id="right">RIGHT</button> </div> </body> </html> var tor = 0; document.getElementById('left').onclick = left; //ВЛЕВО function left() { var any = document.getElementById('MySlider'); tor = tor - 60; if (tor < -360) { tor = 0; } any.style.left = tor + 'px'; } document.getElementById('right').onclick = right; //ВПРАВО function right() { var any = document.getElementById('MySlider'); tor = tor - 60; if (tor < -300) { tor = 0; } any.style.right = tor + 'px'; } Как исправить их неправильную работу? В чём ошибка...
  6. Я не совсем понимаю JavaScript, можете объяснить как код, что мне дали работает по-этапно?
  7. А где можно почтитать о атрибуте data-move? Впервыек такое вижу
  8. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> .text-jquery { margin: 0 0 0 30px; transition: 4s; } h1 { position: relative; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button id="as">Посчитать!</button> <button id="lol">Сместить!</button> <button id="lik"></button> <h1>LOL</h1> </body> </html> Как мне сделать в jquery, чтобы при каждом нажатии на кнопку с id="lik" у меня h1 смещался влево на 15px?
  9. Ошибку нашёл. Спасибо. Хотелось бы спросить, как можно написать код, чтоб при каждом нажатии мне вправо смещал input?
  10. "Задайте начальные параметры стиля, и используйте изменение класса, а не запись в style" - я не совсем понял этот момент.
  11. Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> input { position: relative; transition: all ease 1s; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button>Посчитать!</button> <button id="lol">Сместить!</button> </body> </html> И его скрипт: $('document').ready(function() { $('button').on('click', function(){ var value1, value2; value1 = $('#val1').val(); value2 = $('#val2').val(); value1 = parseInt(value1); value2 = parseInt(value2); value3 = value1 + value2; alert(value3); }); $('button#lol').on('click', function() { $('#val1, #val2').css( { border: '2px solid red', left: '50px' } ); }) }); И первая проблема: при нажатии на кнопку "Сместить!" у меня вылетает алёрт со значением "NaN", а потом работает сам скрипт. И вторая: почему в коде не работает плавное смещение вправо? В html задал параметр стиля, но плавного перехода нет. Только плавная смена цвета. Как исправить NaN и плавный переход? Если возможно, объясните поподробнее.
  12. Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #e8ece7; } .menu { position: absolute; background: #b13224; border-radius: 5px; top: 90px; left: 450px; } .menu a { display: block; text-decoration: none; background: #b13224; color: white; padding: 7px; margin: 0; } .menu a:hover { background: #383838; } .menu ul { width: 958px; height: 33px; list-style: none; font-size: 0; } .menu ul li { display: inline-block; font-size: 16px; } h1 { position: absolute; top: -5px; left: 450px; display: inline-block; } h1:before { content: ''; width: 48px; height: 56px; background: url(gold-logo.jpg) no-repeat center center; background-size: 48px 56px; display: inline-block; } #polosa { position: relative; background: red; } .slider { overflow: hidden; height: 38px; padding: 4px; border: 2px solid black; position: absolute; top: 506px; left: 900px; font-size: 36px; } </style> <script> document.getElementById('slider-top').onclick = slider; var top = 0; function slider(){ var polosa = document.getElementById('polosa'); top = top - 256; if (top < -768) { top = 0; } polosa.style.top = top +'px'; } </script> </head> <body> <h1>Xman<font color="red">Bank</font></h1> <div class="menu"> <ul> <li><a href="">Home</a></li> <li><a href="">About us</a></li> <li><a href="">Our services</a></li> <li><a href="">Deposits</a></li> <li><a href="">FAQs</a></li> </ul> </div> <div class="slider"> <div id="polosa"> <li>Привет</li> <li>как</li> <li>у тебя</li> <li>дела?</li> </div> </div> <button id="slider-top">TOP</button> </body> </html> В скрипте в окне разработчика браузера ошибка: "cannot set property onclick of null". Как её решить?
  13. Здравствуйте. Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #e8ece7; } .menu { position: absolute; background: #b13224; border-radius: 5px; top: 90px; left: 450px; } .menu a { display: block; text-decoration: none; background: #b13224; color: white; padding: 12px; margin: 0; } .menu a:hover { background: #383838; } .menu ul { width: 958px; list-style: none; font-size: 0; } .menu ul li { display: inline-block; font-size: 16px; } h1 { display: inline-block; } h1:before { content: ''; width: 100px; height: 100px; background: url(gold-logo.jpg) no-repeat center center; display: inline-block; } </style> </head> <body> <h1>XmanBank</h1> <div class="menu"> <ul> <li><a href="">Home</a></li> <li><a href="">About us</a></li> <li><a href="">Our services</a></li> <li><a href="">Deposits</a></li> <li><a href="">FAQs</a></li> </ul> </div> </body> </html> В нём я воспользовался тегом h1 и псевдоклассом before, чтобы вставить перед ним картинку (лого), но размер задаётся некорректно. Он не уменьшает картинку, делает подобие border'а. Как исправить?
  14. Через класс тоже не работает....
  15. Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>пара</title> <script> for(i=0; i<elem.length; i++) { alert(elem[i]); } function lol(nan) { var i; var elem = document.getElementById("sas"); elem.style.color = nan; } </script> </head> <body> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <button onclick="lol('red')">Красный</button> </body> </html> При нажатии на кнопку, должен запуститься скрипт, при котором все объекты становятся красного цвета. Но проблема в том, что красным становится только 1 элемент, а не все. Как исправить проблему?