0 / 0 / 0
Регистрация: 27.01.2014
Сообщений: 5

Многоуровневое меню на чистом js без jquery

05.07.2015, 20:05. Показов 2118. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
учил я жаву скрипт на кодакадеми и джиквери и окахалось что совсем его не знаю, мне дали тестовое задание сделать
меню не ограниченной вложенности и по умолчанию пункты меню скрыты, база элементов парсится с помощью пхп из mysql. собсна задача реализовать по нажатие на кнопку +, открытие дочерних элементов

сори за разметку, это я в пхп что то намудрил..

http://jsfiddle.net/godforger/opa7tgwd/

Добавлено через 25 минут
да еще, я там id="plus" хотя у меня много таких элементов и наверно надо было класс сделать, либо нумеровать как то, мне сказали нужна поддержка IE8, а там вроде по классам не ищет...
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
05.07.2015, 20:05
Ответы с готовыми решениями:

Вертикальное меню без jQuery
в джаваскрипте новичек не могу доделать чтобы работало. При клике на плюсик, должно скрывать под меню при повторном открываться

Аналог .on(jquery) на чистом js
Нужно обрабатывать клики по динамическому контенту с атрибутами data-uimage-command. <span class="tool"...

Многоуровневое горизонтальное меню!
Привет всем! какое горизонтальное javamenu вы порекомендуете! оно у меня должно быть горизонтальным и оно объёмное, там много уровней, одно...

1
Эксперт JSЭксперт HTML/CSS
2436 / 1115 / 312
Регистрация: 23.06.2011
Сообщений: 3,529
06.07.2015, 06:58
Это работает в ие8, возможно будет и в ие6 работать, корни ещё с ие6 тянуться, скрипт старый очень.
Количество уровней не ограничено, позволяет иконку к любому пункту добавить, полный автомат, главное правильно UL, OL, LI расписать в html.
Вложения
Тип файла: 7z Horizontal_20 JS.7z (10.5 Кб, 14 просмотров)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
06.07.2015, 06:58
Помогаю со студенческими работами здесь

Метод next() из jquery на чистом js
Если кто может, напишите пожалуйста метод next() или prev() на js

Многоуровневое меню JavaScript
Добрый вечер Уважаемые коллеги! Помогите осилить, кто силён в JavaScript. В браузер приходят следующие данные { ...

Меню jquery и сайт без перезагрузки.
Здравствуйте! Есть вот такой код. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...

Слайдшоу на чистом Jquery
Как написать код на ЧИСТОМ Jquery. Когда кликаю на картинку надо чтобы на этом месте куда кликаю появлялись другие картинки. Второй...

Многоуровневое меню
Добрый день! Делаю многоуровневое вертикальное меню. Нужно чтобы при наведении на пункт меню раскрывались дочерние элементы, а при...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

Новые блоги и статьи
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D
8Observer8 04.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru