RichText

Подскажите пожалуйста а как это все дело подключить? закинул в файл .js, подключил таким образом <script src="/static/dropdown.js"></script>, но не работает

Подскажите пожалуйста а как это все дело подключит

Статья 2015-го года. Я даже не помню какая версия бутстрапа там использовалась (3 или 4) и не уверен, что этот код работает без подключенного бутстрапа (скорее всего не работает без него), потому что для менюшки же еще стили нужны, а стили использовались как раз бутстраповские. А мой скрипт только делал видимым подменю и скрывал.

В любом случае, смотрите dev-tools браузера, может там ошибки какие есть. Может и jQuery у вас еще не подгружен (свой скрипт навесьте на загрузку документа).

Добрый день! Статья 2015-го года. Я даже не помню какая версия бутстрапа там использовалась (3 или 4) и не уверен, что этот код работает без подключенного бутстрапа (скорее всего не работает без него), потому что для менюшки же еще стили нужны, а стили использовались как раз бутстраповские. А мой скрипт только делал видимым подменю и скрывал. В любом случае, смотрите dev-tools браузера, может там ошибки какие есть. Может и jQuery у вас еще не подгружен (свой скрипт навесьте на загрузку документа).

Добрый день! Статья 2015-го года. Я даже не помню

Tips & tricks

Делаем выпадающее меню bootstrap при наведении

Когда-то давно один умный дядька говорил, что по-уму меню должно выпадать только по клику, а не по наведению, но современные технологии css этого не позволяют. Фамилию дядьки повспоминать и вспомнить могу, вертится на языке, но сидеть и вспоминать лень. Это я так, к слову.

Когда-то давно один умный дядька говорил, что по-у

Дядьке так удобно… очтальным так… почему кто то должен этого дядьку слушать?

Дядьке так удобно… очтальным так… почему кто то до

Объясняет тем, что в десктопных прогах так. Наведите мыху на любую менюху в браузере (интерфейса браузера, а не сайта) — увидите, что без клика ничего не происходит. Слушали его многие, он преподавал здесь www.specialist.ru/ Звать его Евгений Петров, сейчас в списках педагогов его нету. 
 Верстал, кстати, не семантично.

Объясняет тем, что в десктопных прогах так. Наведи

Современный css (bootstrap) прекрасно позволяет делать выпад на клике. А вот при наведении — тоже очень полезная и нужная вещь и чисто css (+фе-форки) сейчас даже не припомню делается ли и как. Выпад на ховере очень полезен, когда нужно чтобы на клике было другое событие. Например — пункт меню «Блог» на ховере показывает рубрики, а на клике открывает страницу «Блог» с выборкой статей по лайкам к примеру.
 

З.Ы. А где кстати тут страничка Блог?.. :)

Современный css (bootstrap) прекрасно позволяет делать выпад на клике. А вот при наведении — тоже очень полезная и нужная вещь и чисто css (+фе-форки) сейчас даже не припомню делается ли и как. Выпад на ховере очень полезен, когда нужно чтобы на клике было другое событие. Например — пункт меню «Блог» на ховере показывает рубрики, а на клике открывает страницу «Блог» с выборкой статей по лайкам к примеру. З.Ы. А где кстати тут страничка Блог?.. :)

Современный css (bootstrap) прекрасно позволяет де

Так данное решение как раз и учитывает это. То есть на планшетах и мобилах (где нет события наведения мыши) будет работать по клику. А на компе, где есть мышь и привык к ней, будет работать наведение. Кстати, это даже гугл.хром-эмулятор понимает. Попробуйте на gorodskie-bani.ru/ joxi.ru/D2PjRW0SNBopr3 F12 (не забудьте страницу обновить).


Так данное решение как раз и учитывает это. То ест

Еще раз: на мобильных устройствах нет наведения мыши. Если вы что-то навесите только на это событие, то на мобильнике это будет просто недоступно пользователям.
 

Вот теперь сделаю менюшку выпадающую, как руки дойдут. А так ссылки просто разбросаны по странице.

Еще раз: на мобильных устройствах нет наведения мыши. Если вы что-то навесите только на это событие, то на мобильнике это будет просто недоступно пользователям. З.Ы. А где кстати тут страничка Блог?.. :) Вот теперь сделаю менюшку выпадающую, как руки дойдут. А так ссылки просто разбросаны по странице.

Еще раз: на мобильных устройствах нет наведения мы

Мы естественно поняли, для чего енто решение и я говорю не для спора, а про то, что есть мысль, что как в bootstrap — правильно. Навожу я мыхой в браузере на «инструменты» или «закладки» — ничего ведь не выпадает. Нужно кликнуть. Хотя фаерфокс явно не для мобилок сделан, а для устройств с мыхой. Т.е. я про то, что возможно это не баг, а фича.
 Но чисто имхо — вернуть людям возможность увидеть меню при наведении мысль неплохая. Оно привычно и пока что на всех сайтах так.

Мы естественно поняли, для чего енто решение и я г

Вы имеете ввиду, что нет такого пункта в главном меню или интересуетесь, где искать страничку? Если второе, то вот modxclub.ru/blogs/

Вы имеете ввиду, что нет такого пункта в главном м

А моё мнение, это наплевательское отношение к пользователям… ))) мне не удобно по клику. а планшеты и смартфоны, я считаю вообще бесполезные вещи…
 

А если копнуть глубже, то сейчас не сайты делают, а говнобанеры на бутстрапе… тормозные и абсолютно бестолковые… и все благодоря таким знахарям как тот препод…

А моё мнение, это наплевательское отношение к пользователям… ))) мне не удобно по клику. а планшеты и смартфоны, я считаю вообще бесполезные вещи… А если копнуть глубже, то сейчас не сайты делают, а говнобанеры на бутстрапе… тормозные и абсолютно бестолковые… и все благодоря таким знахарям как тот препод…

А моё мнение, это наплевательское отношение к поль

Я не разрабатываю сайты, но мне у вас понравилось ))) Молодцы… Без сна и отдыха работе отдаетесь. Радует

Я не разрабатываю сайты, но мне у вас понравилось 

Спасибо :)

Сталкивался с этой задачей тоже. Исправлял добавлением в стили
 

ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}


Не знаю почему, но меню начинало работать при наведении:)

Сталкивался с этой задачей тоже. Исправлял добавлением в стили ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
} Не знаю почему, но меню начинало работать при наведении:)

Сталкивался с этой задачей тоже. Исправлял добавле

… а вот про мобильные как раз забыл, сэнкс)

А что если для мобильных добавить появление маленького шеврона (стрелка вниз) возле пункта меню? И тогда на клик по названию пункта можно повесить переход на страницу с рубриками и т.д. А на клик по шеврону открывать выпадающее меню пункта.

А что если для мобильных добавить появление малень

Нашёл, спасибо)

css-колдунство, не иначе)))
 ведь изучал это и забыл( напомнили, спасибо)

css-колдунство, не иначе)))
 ведь изучал это и заб

Бутстрап не различает девайсы. Он различает только размеры экранов. Если вы попробуете для этого использовать механизм размера экрана, то придется верстку менюшки переделывать. А нафига ломать работающее?

Бутстрап не различает девайсы. Он различает только

Сорри, что тут спрашиваю, но есть вопрос, не знаю в какой раздел точно:
 

Очень понравилось приложение Сonsole. Прям пхп с ним учу — удобно) Но сегодня консоль работать перестала. Я уже и переустанавливал её по всякому, и ноль на массу. Причём на другом ядре модкс работает без проблем. А на том, где сейчас актуальней всего — никак.
 Как проявляется? Да просто там где должен быть вывод появляется «loading» на миллисекунды а потом пустота. И не важно что в консоли пишешь.
 

Когда примерно появилось? Мне кажется, когда я экспериментировал с разными пакетами и поставил пакет sdStore (хочу разобраться с комментариями для блога, вот и забрёл туда). В итоге пакет этот снёс уже, а консоль всё равно молчит...
 

Может конфиги какие сбились? Где искать?
 Кста, когда делаешь деинсталяцию консоли, пунктик в менюшке не пропадает) Кликаешь по нему — и баг. Приходится руками в настройках меню самому удалять.

Сорри, что тут спрашиваю, но есть вопрос, не знаю в какой раздел точно: Очень понравилось приложение Сonsole. Прям пхп с ним учу — удобно) Но сегодня консоль работать перестала. Я уже и переустанавливал её по всякому, и ноль на массу. Причём на другом ядре модкс работает без проблем. А на том, где сейчас актуальней всего — никак.
 Как проявляется? Да просто там где должен быть вывод появляется «loading» на миллисекунды а потом пустота. И не важно что в консоли пишешь. Когда примерно появилось? Мне кажется, когда я экспериментировал с разными пакетами и поставил пакет sdStore (хочу разобраться с комментариями для блога, вот и забрёл туда). В итоге пакет этот снёс уже, а консоль всё равно молчит... Может конфиги какие сбились? Где искать?
 Кста, когда делаешь деинсталяцию консоли, пунктик в менюшке не пропадает) Кликаешь по нему — и баг. Приходится руками в настройках меню самому удалять.

Сорри, что тут спрашиваю, но есть вопрос, не знаю 

Однозначно комментарий не туда. Публиковать такое топиком надо, в любой блог (хоть в личный). В крайнем случае в топике, посвященном самой консоли.
 

По сабжу: включайте вывод php ошибок и смотрите что и как. Дело вряд ли в самой консоли.

Однозначно комментарий не туда. Публиковать такое топиком надо, в любой блог (хоть в личный). В крайнем случае в топике, посвященном самой консоли. По сабжу: включайте вывод php ошибок и смотрите что и как. Дело вряд ли в самой консоли.

Однозначно комментарий не туда. Публиковать такое 

Субъективный взгляд со стороны — очень не удобно, когда меню автоматом выпадает без клика.
 Уже несколько раз обжигался.
 Редактируешь в админке что-то, тянешь мышку к кнопке СОХРАНИТЬ, и по дороге цепляешь меню. И в момент когда нажимаешь кнопку СОХРАНИТЬ под ним меню выскакивает, которое предпологает переход в другое место.
 Каждый раз подскакиваешь и испытываешь стресс, от того, что можешь перейти в другое место без соранения, вместо того, чтобы сохранить внесённые изменения.
 В этом плане, последняя версия админки MODX неудобна. С предыдущей версией MODX — таких проблем не возникало.

Субъективный взгляд со стороны — очень не удобно, 

Субъективный ответ
 Каждый раз — практически в 100% случаев — использую для сохранения сочетание клавиш Ctrl + S
 Работает четко и никаких стрессов… Хотя вру :) Теперь стрессы от того, что в не во всех других приложениях и программах используется такое сочетание

Субъективный ответ
 Каждый раз — практически в 100

bootstrap

hover

выпадающее меню

доработка

при наведении

разработка сайта

# Николай Ланец aka Fi1osof
**Lead Fullstack Developer / Ментор / Евангелист современного JS‑стека**

---

## О себе

Я — не просто Senior Developer с 2007 года. Я — тот, кто строит продукты будущего на базе современных технологий и помогает другим подниматься на новую ступень айти-карьеры. Создатель и идейный вдохновитель freecode.academy — платформы, где обучение перестает быть скучной обязаловкой и становится настоящим технологическим приключением.

---

## Мой стек и философия разработки

Основу моего рабочего арсенала составляют:

- [Javascript](/technologies/ck1faudv928l40a89c4u9zxlm), [TypeScript](/technologies/ckcvwwx010kov08009u7y2rav)
- [React](/technologies/ck1fawbdw28v20a891k4wlh27), [Next.js](/technologies/ckg2jd4ffr9260730aog66dri)
- [Node.js](/technologies/ckt55wm59272831wo9gg9r8ynx), [GraphQL](/technologies/ck1fawhqk28vu0a8995lqvlsj), [Apollo Client](/technologies/ck2zdcg0vpvc10a89xjmhj1e0), [Nexus](/technologies/ckl2pbh0fxew60730ifl3zozp), [Prisma](/technologies/ck2zdbmi7pv8r0a89ntc2r0f1)
- DevOps: [Docker](/technologies/ck2y1x9lho9cy0a8953xzfjr8), [docker-compose](/technologies/ck2y1xqino9g80a89tsftxin2), [Caddy](/technologies/ck2zd8ovqpuyl0a8909748sbu), [Ubuntu](/technologies/cktu8giks3593911vmle30ztqxt)
- UI-инструменты: [Styled-Components](/technologies/ckk8myysio7lw0730csszvrdw), [Material-UI](/technologies/ckljv3jwd7bgf0730huxlko9n), [react-hook-form](/technologies/ckmx8cn9fmwrv073032e67722)
- Всё актуальное для разработки, CI/CD и автоматизации 
- Эксперименты с [WebGL](/technologies/ckan9anntc12f08003saqttrq), [A‑Frame](/technologies/ck2tgoiz8j37y0a89c7gxsrxc), [Three.js](/technologies/ck2tgns1nj32z0a89vmw7xw3f), [Unreal Engine 4](/technologies/ck7puswy6g4yb07004cdp6lbr), [Elixir](/technologies/ckn0olavrnnzi0730xs8rctn8), [C++](/technologies/cknin1y8lu2fr07307mskn2fn)

---

## Разработка и менторство

- Более 15 лет **hands-on** разработки и проджект‑менеджмента
- Главный разработчик и преподаватель платформы [freecode.academy](https://freecode.academy)
- **Ведущий менти-пул на платформе** — лично выращиваю новых звезд отрасли

### Мои менти и их результаты

| Менти (ФИО \| username)                               | Уровень | Рейтинг |
|-------------------------------------------------------|---------|---------|
| [Попов Дмитрий \| linklib](/users/cjoe890c706ji0d962oismzoe)           | 3       | 315     |
| [Сэт \| defk1lla](/users/ckzh1ita312978121imr9hpqfc64)                 | 3       | 670     |
| [Ксения Матвеева \| Ксения Матвеева](/users/ckz4awwlh10627771imr4wvpb7cj) | 2       | 0       |
| [Михаил \| Balamut](/users/cl1npq92z10258261vmbq0w6vfh2)               | 2       | 0       |
| [Ольга Ершова \| angel](/users/cjoe87zhk00250d969arluevk)              | 1       | 0       |
| [Егор \| rogedkone](/users/cksrdp47d3308261ijuq7wfrxdl)                | 3       | 0       |
| [Roman \| Roman43](/users/ckur2qtt64721431xoboyjcte52)                 | 2       | 0       |
| [Бут Игорь \| santiment](/users/ckttd9x20893951vmltb8t7sha)            | 1       | 0       |

**Доношу простую мысль: успех — это не магия, это осознанная системная работа и кайф от роста.**
Мои менти выводят решения в продакшн, пробиваются в лидеры рейтингов — кому не хочется быть в такой команде?

---

## Почему я?

- **Прокачаю проект** — от TDD архитектуры до культурного CI/CD
- **Вдохновлю команду** — и научу мыслить по‑новому, где ИИ — напарник, а не угроза
- **Выращу мидлов и сеньоров** — доказано платформой и рейтингами моих учеников

**Сила — в сообществе, а техника — это просто смазка для ваших побед. Присоединяйтесь!**

---

## Контакты

- 📧 [n.lanets@freecode.academy](mailto:n.lanets@freecode.academy)
- Телеграм: [@freecode_academy](https://t.me/freecode_academy)

---

**P.S.**: Мой опыт — ваш драйвер роста. Хотите в команду? Ищете менторство? Пишите. Растём вместе!