Jump to content

Switch74

Expert
  • Posts

    3,246
  • Joined

  • Last visited

  • Days Won

    155

Everything posted by Switch74

  1. cardWrap.onclick = function(event) { let target = event.target; while (target != this) { if (target.classList.contains("flip-card")) { if(target.classList.contains("is-flipped")) target.classList.remove('is-flipped'); else highlight(target); return; } target = target.parentNode; } }; так?
  2. а при клике по "лего игрульке" почему у вас она же снова открывается? я так понимаю у вас обработка клика на открытие и закрытие на одном объекте, тогда наверно нужно проверять наличие класса is-flipped, или реализовать клик по элементу с ним удаляя его.
  3. без jq можно через var list = document.querySelectorAll('.is-flipped') list.forEach(function(item) { item.classList.remove('is-flipped'); });
  4. если я правильно понял, вы хотите чтобы при клике по одной из картинок, открытое видео закрылось я так понимаю можно удалить класс у элемента is-flipped на вроде $('.is-flipped').removeClass('is-flipped')
  5. может подойдет что-то вроде? https://jsfiddle.net/9k4mpovh/
  6. суть правильная, но нужно понимать как работает console.log
  7. потому что... var ul = document.createElement('ul'); while(true) { var str = ''; var user = prompt('Пишите содержимое пункта'); if (user === null || user === str) { break } var li = document.createElement('li'); li.innerHTML = user; ul.appendChild(li); } console.log(ul);
  8. как вариант можно использовать background можно так и делать как вы сказали, ничего не мешает выходить за пределы блоков некоторым элементам
  9. А если так? $step = 0.5; $sscode = '3.5'; for ($i = 1; $i <= 5; $i += 1) { $star_class = ''; if($sscode >= $i) $star_class = 'star-on'; else if($sscode >= ($i-$step)) $star_class = 'star-half'; else $star_class = 'star-off'; echo '<i class='.$star_class.'></i>'; }
  10. @rasmus какой вопрос такой ответ помимо данного кода у ТС может быть и form, да и input может быть не только в form
  11. зачем вам 'use strict'; что такое this откуда в нем items? предполагаю что вы пытаетесь добавить/удалить из const inventory ваш код сплошная ошибка подумайте что именно вы хотите сделать
  12. наверно потому что вы используете float почитайте о том что делает float с потоком и как это исправить например через clear
  13. а куда вы ее хотели убрать? в вашем случае она уходит на задний план по z-index как и положено если хотели чтобы блок исчез полностью, а не скрылся за другими элементами, то display:none; используйте или изменяйте размеры
  14. какой блок куда вы хотели убрать dropdown_content у вас по умолчанию не виден, при наведении появляется, что не так?
  15. эта проблема будет возникать на любом экране меньшего размера. чтобы избавиться от горизонтальной полосы прокрутки можно выставлять width:100% для всех экранов меньше требующегося. у вас фигурирует width:1358px скорее всего проблема в этом
  16. https://jsfiddle.net/3tsqy65v/
  17. можно использовать js можно css js - обработка клика по первой кнопке справа, находим элемент меню и делаем его видимым css - есть вариант через <label for="id" и <input type="checkbox" id="id" управлять стилями элементов #id:cheked+.menu
  18. Если ваш код находится в head или в начале body то без $(function() он выполнится в тот момент, когда не будут еще загружены элементы $('.knop') и естественно когда они прогрузятся они не будут иметь вашу обработку click. В таком случае перед выполнением вашего скрипта вам нужно дождаться, когда страница полностью загрузится. Если ваш код находится в конце body тогда получается что у вас по сути вся страница уже загружена и $(function() особо не нужен. Если вы возьмете за правило везде использовать данную конструкцию хуже не будет, но бывают моменты, когда она не нужна. Вариант декларирования событий без $(function() $(document).on('click','.knop',function ()
  19. @media вам нужны для указания стилей при определенных условиях, все остальное (без @media) у вас будет отрабатывать по умолчанию.
  20. в вашем случае можно оставить в nav
×
×
  • 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