Форум Сайтостроение Веб-строительство

Формирование динамического меню HTML/CSS, (PHP? JS?)

PL
На сайте с 09.03.2017
Offline
12
PierreLock
460

Здравствуйте.

Имеется сайт(HTML5+CSS3), необходимо сделать раскрывающееся боковое меню с подпунктами вида:

-пункт1;

--подпункт1.1;

--подпункт1.2;

-пункт2;

--подпункт2.1;

--и т.д.

Каждый пункт и подпункт является ссылкой на отдельную страницу, при этом если страница соответствует подпункту, в меню надо этот подпункт выделить. Вручную задавать стиль каждому подпункту муторно, т.к. количество страниц большое, потом трудно что-то менять.

Можно ли как-то формировать меню автоматически? PHP? JS?

Думал реализовать на PHP, но не нашел способа определить, на какой странице находится пользователь, чтобы выделить нужный подпункт.

_
На сайте с 24.03.2008
Offline
381
_SP_
#1

На php было-бы странным.... на js разумеется можно подсветить нужный пункт проставив туда соответствующий стиль.

Весь инет заполнен примерами реализации...

Samail
На сайте с 10.05.2007
Offline
366
Samail
#2
PierreLock:
Думал реализовать на PHP, но не нашел способа определить, на какой странице находится пользователь

Ну наверное на той которую открыл?

$_SERVER['REQUEST_URI']

AS
На сайте с 12.12.2017
Offline
6
AutoSearches
#3

Вот например

https://www.w3schools.com/howto/howto_js_dropdown.asp

https://www.w3schools.com/howto/howto_js_dropdown_sidenav.asp

M
На сайте с 04.12.2013
Offline
223
miketomlin
#4

_SP_, ничего не странно, особенно если включить это меню в кэшируемый участок страницы/кэшируемую страницу.

Домены и скрипт для коротких ссылок: https://u75.ru/domains-for-shortcuts
SeVlad
На сайте с 03.11.2008
Offline
1609
SeVlad
#5
PierreLock:
Имеется сайт(HTML5+CSS3)

Тогда каким боком тут php?

SSI может помочь.

_SP_:
На php было-бы странным.

Странным для html-сайта. Для сайта на php - более чем правильно: задавать id/css-классы в подключаемых "страницах" или "запчастей" оных . Даже правильнее, чем определять $_SERVER['REQUEST_URI'].

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
Мобильная версия сайта - SSI для поисковика - Как добавить класс для

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий