Меню любой вложенности на JavaScript - 30 строк кода

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ม.ค. 2025

ความคิดเห็น • 63

  • @alexredcross
    @alexredcross 3 ปีที่แล้ว +14

    Спасибо Александр) прошёл курс год назад) уже 8 месяцев работаю PHP+JS разработчиком) но все равно с радостью смотрю видео и даже добавляю себе что-то новое) продолжайте в том же духе, а ещё было бы неплохо возобновить рубрику "JavaScript решает" с новыми интересными задачами)

    • @itgid
      @itgid  3 ปีที่แล้ว +2

      Супер. Я рад за вас

  • @arcadiibabici7655
    @arcadiibabici7655 ปีที่แล้ว

    Спасибо огромное, словно фантастика !

  • @alexnoskovarg3844
    @alexnoskovarg3844 3 ปีที่แล้ว

    Молодец, я сам програмлю, но всегда есть что-то новенькое подчеркнуть для себя, век живи, век учись!!!

  • @Ireile
    @Ireile 3 ปีที่แล้ว +2

    Доброго времени суток Александр. Как и всегда познавательное видео.

  • @stason5864
    @stason5864 3 ปีที่แล้ว

    Единственное видео где так подробно и понятно практикуют... Спасибо огромное!

  • @alexanderalexander7722
    @alexanderalexander7722 3 ปีที่แล้ว

    Большое СПАСИБО! То что нужно. Побольше бы таких уроков.!

  • @BrestSouth
    @BrestSouth 2 ปีที่แล้ว

    Отличный пример, очень понравилось.

  • @beuef1379
    @beuef1379 2 ปีที่แล้ว

    Отлично, фантастика, спасибо!!!

  • @sergey9784
    @sergey9784 3 ปีที่แล้ว

    Спасибо. Как всегда доходчиво и понятно!!!

  • @kuzinpeter3365
    @kuzinpeter3365 3 ปีที่แล้ว +1

    спасибо, за хороший урок

  • @АлексейСоколов-у3к
    @АлексейСоколов-у3к 2 ปีที่แล้ว

    Спасибо за урок)

  • @klubkov
    @klubkov 3 ปีที่แล้ว +5

    Какое-то легаси)

  • @fordragon9978
    @fordragon9978 3 ปีที่แล้ว

    Как же вы хороши Александр, спасибо вам большое за урок. я пока новичок в этом деле но очень интересно

  • @Alexander-tp6gy
    @Alexander-tp6gy 3 ปีที่แล้ว +8

    спасибо, очень круто. Не планируете делать подобные небольшие практические проекты на React?

  • @o_opedro4044
    @o_opedro4044 2 ปีที่แล้ว

    Как всегда. 👍 Круто...

  • @davidsulaberidze5978
    @davidsulaberidze5978 3 ปีที่แล้ว

    Большое спасибо

  • @dennisfisher2684
    @dennisfisher2684 3 ปีที่แล้ว

    Александр, огромное спасибо за этот ролик! У меня к вам просьба - пожалуйста, запишите видео, научите, как сделать выпадающее меню на js, только при событии мыши, а не клик. Типа аналог hover.
    Заранее, спасибо! )

  • @geroin6294
    @geroin6294 3 ปีที่แล้ว

    супер!

  • @Alex-dc2jq
    @Alex-dc2jq 3 ปีที่แล้ว +1

    интересное видео! а как сделать так чтобы подменю не сбоку откривалось а внизу и нижние элеметы сдвигались вниз?

  • @galatavitaliy
    @galatavitaliy 3 ปีที่แล้ว

    Хотелось бы еще и реализацию мобильного вида меню.

  • @НурханДилдабек-ы7к
    @НурханДилдабек-ы7к 3 ปีที่แล้ว +1

    А если просто проверять есть ли дочерний элемент ul? Если есть то не закрывать родительский элемент

  • @Juice544_
    @Juice544_ 3 ปีที่แล้ว +4

    можно такую менюшку и без js реализовать, чисто css и чекбоксы)

    • @Ireile
      @Ireile 3 ปีที่แล้ว

      Александр в самом начале видео говорит это.

    • @schprundel2939
      @schprundel2939 3 ปีที่แล้ว +2

      чекбоксы на многоуровневом как? будет эффект памяти же - в пункте N дошел по иерархии в 5 уровень вложенности. потом перешел на другой главный пункт и вернулся назад на пункт N-откроется весь прошлый путь вложенности. да и html будет раздуваться.
      чекбоксы хорошо на 1 уровне вложенности - нажал, показалось вложенное. нажал другой, показалось его вложение

  • @annalipower4830
    @annalipower4830 3 ปีที่แล้ว +6

    30 строк кода, попытаемся уместиться в 50 строк, в итоге 26 строк

    • @itgid
      @itgid  3 ปีที่แล้ว +17

      Никогда не знаешь что будет в конце. У самурая нет цели. Только путь

  • @masterng56
    @masterng56 2 ปีที่แล้ว

    ссылка на исходники ведет просто в Телеграм канал, где я ни чего не нашел ((

  • @АлексейКУЗНЕЦОВ-н6ю
    @АлексейКУЗНЕЦОВ-н6ю หลายเดือนก่อน

    а что если меню не помещается на экране?

  • @xKUMAxMU
    @xKUMAxMU 2 ปีที่แล้ว

    пробовал foreach работает и не с масивами а с элементами тоже, прямо с айтемом можно работать

  • @ob7349
    @ob7349 ปีที่แล้ว

    А як зробити, щоб при натисканні на лінк, я перенаправилась в потрібну секцію, а меню закрилось ?

  • @shertskoff6852
    @shertskoff6852 3 ปีที่แล้ว

    Пойду потренируюсь работать с parent и child. еще про console.dir узнал. Только не понятно, что он по названию тега закрывает? Это же не уникальный элемент

  • @vadonfit9269
    @vadonfit9269 3 ปีที่แล้ว

    цсс, в остальном класс

  • @romanenkoonline
    @romanenkoonline 2 ปีที่แล้ว +1

    Неплохо бы ещё закрыть меню по клику вне блока с навигацией.

  • @vladyslavvin
    @vladyslavvin 3 ปีที่แล้ว +1

    Можно и 1 строкой без js
    li:hover > ul

    • @schprundel2939
      @schprundel2939 3 ปีที่แล้ว

      можно. только тут человек обучает использованию js на примере

  • @ob5804
    @ob5804 ปีที่แล้ว

    Ви сказали, що до subMenu forEach застосувати не зможемо,, бо це не масив, а як би виглядив, в нашому випадку, масив??

  • @NanNan-nb4qf
    @NanNan-nb4qf ปีที่แล้ว

    Вот через пятьсот лет попробуй найди исходный код по очень удобной ссылке. Проще на луну слетать, чем этот код найти.

  • @ЮрійВовчук-е7ы
    @ЮрійВовчук-е7ы 3 ปีที่แล้ว

    Олександре, дякую за роз'яснення. Є питання - ви весь час клікаєте по Sub, в яких є вкладене меню. Але якщо клікнути по Link - нічого не відбувається, в консолі отримую null. Як вирішити цей момент? Дякую.

  • @MrFeleven11
    @MrFeleven11 ปีที่แล้ว

    Меня больше смущает тот факт что я уже 2 месяца ищу способ написать чит меню и даже этот тутор мне не помог

  • @yannp3358
    @yannp3358 3 ปีที่แล้ว

    Удачи это садаптивить в 30 строк кода лол))

    • @gorillsezh3703
      @gorillsezh3703 3 ปีที่แล้ว

      И чо там адаптивить,это ж выпадашка бургера, как стилизовал как надо и все

  • @antonbeletsky1277
    @antonbeletsky1277 2 ปีที่แล้ว

    . item{
    display : none;
    }
    nav:hover item{
    display : block; /* flex */
    }
    и не надо js

  • @СергейПресняков-о4р
    @СергейПресняков-о4р 2 ปีที่แล้ว

    17:50 для коллекции, полученной с помощью querySelectorAll прекрасно работает метод forEach без преобразования в массив с помощью Array.from

  • @roman4714
    @roman4714 4 หลายเดือนก่อน

    Как-то замудренно написано