Пользователь пока ничего не рассказал о себе

Достижения

Все достижения (2)

Наибольший вклад в теги

Все теги (16)

Лучшие ответы пользователя

Все ответы (56)
  • Как сделать кнопки меню активными при нажатии?

    nepritimov_m
    @nepritimov_m
    Frontend dev.
    На стороне клиента - вешать на элемент, по которому кликнули класс (active, open - без разницы). Ну и не забыть перед этим в css-файле прописать стили для этого класса. Такой вариант прокатит при ajax-подгрузке контента.
    При стандартном варианте, как сказали выше -проверяешь соответствие url и ссылки и далее по аналогии.

    <div class="menu">
           <ul>
                 <li><a class="js-menu-link active" href="index.php">Главная</a></li>
                 <li><a class="js-menu-link" href="order.php">Заказ</a></li>
                 <li><a  class="js-menu-link" href="payment.php">Оплата</a></li>
                 <li><a  class="js-menu-link" href="conditions.php">Условия</a></li>
                 <li><a  class="js-menu-link" href="contacs.php">Контакты</a></li>
           </ul>
    </div>


    $('.menu').find('.js-menu-link').on('click', function () {
         if ($(this).hasClass('active')) {
             return;
         }
         $('.menu').find('.js-menu-link active').removeClass('active');
         $(this).addClass('active');
    });


    Вариант на JS:
    var menuItems = document.getElementsByClassName('js-menu-link');
    var onClick = function (event) {
    	event.preventDefault();
      
      for (var i = 0; i < menuItems.length; i++) {
        menuItems[i].classList.remove('active');
    	}
      
      event.currentTarget.classList.add('active');
    };
    
    for (var i = 0; i < menuItems.length; i++) {
        menuItems[i].addEventListener('click', onClick, false);
    }
    Ответ написан
    3 комментария
  • Событие кнопок на элементах?

    nepritimov_m
    @nepritimov_m
    Frontend dev.
    При помощи jQuery:
    var keyUp  = $.Event("keydown", { keyCode: 38 }),
        keyDown  = $.Event("keydown", { keyCode: 40 });
    $(".div-up").trigger(keyUp);
    $(".div-down").trigger(keyDown);


    Попробуйте, может на js подобное сработает:
    var evt = document.createEvent("Event");
    evt.initEvent("keyup", true, true);
    evt.keyCode = 38;
    function a(e) {
        alert(e.keyCode);
    }
    document.onkeyup = a;//функция при нажатии клавиши
    document.dispatchEvent(evt);//срабатывание
    Ответ написан
    7 комментариев
  • Что учить Grid или Bootstrap?

    nepritimov_m
    @nepritimov_m
    Frontend dev.
    Grid - методология, а Bootstrap - набор инструментов.
    Ничто не мешает изучить и то и другое.

    Плюс Bootstrap - это определенные правила, "стандарт", которые используются на всех сайтах, сделанных с его использованием.
    А гриды - кто уже как извернется.
    Ну, собственно, никто не мешает и в Bootstrap надавнокодить :-)
    Ответ написан
    Комментировать
  • Как реализовать подобное подчеркивание в меню?

    nepritimov_m
    @nepritimov_m
    Frontend dev.
    Воспользоваться псевдоэлементом before|after
    Задать абсолютное позиционирование относительно родительского элемента, задать ширину 100% от родительской
    Ответ написан
    3 комментария
  • Есть ли смысл учить yii2 без знания JS?

    nepritimov_m
    @nepritimov_m
    Frontend dev.
    Если ты будешь один разрабатывать какой-то проект, то JS изучить надо будет. Но в любом случае, изучение php-фреймворка пойдет на пользу. Хорошо изучив концепцию паттерна MVC и сам Yii2, сможешь найти работу backend-разработчиком.
    Вывод такой: учишь и то и другое одновременно. Уделяй Yii 2/3 времени, а JS - 1/3 и будет норм)
    Ответ написан
    Комментировать

Лучшие вопросы пользователя

Все вопросы (1)