Как мне лучше повторно использовать html-код для меню

Я делаю большой веб-сайт, используя HTML, CSS, JSP и Java-сервлет.

Я создал меню с помощью < nav> < ul> < li> (навигация). При наведении курсора раскрываются подменю. Это выглядит так:

введите здесь описание изображения


Я хочу повторно использовать это меню на всех своих страницах. Это многое изменит, поэтому мне нужен единый источник правды — без дублирования кода. Я искал php/js, но не смог заставить его работать.

Я представляю, что это будет работать следующим образом:

  • Файл, содержащий только HTML-код (например, мое меню), который повторно используется на всех страницах.
  • Файл, который заставляет магию работать.
  • Несколько строк кода, которые добавляются на каждую страницу в том месте, где должно быть меню. (может быть, строка, указывающая, какой скрипт он запускает)

Примечания:

  • Я бы хотел, чтобы это работало для большинства (если не для всех) веб-браузеров.
  • Выпадающее меню должно располагаться над текстом ниже.

javascript html nav jsp code-reuse
person Niklas Ternvall    schedule 15.01.2014    source источник
comment
Загрузите в menu.html с помощью Javascript, добавьте его к родительскому div на каждой странице.   -  person Mave    schedule 15.01.2014
comment
Почему вы пометили PHP, если используете JSP/Java?   -  person CodingIntrigue    schedule 15.01.2014
comment
можно использовать функцию jsp include   -  person Susheel Singh    schedule 15.01.2014

Ответы (2)


arrow_upward
4
arrow_downward

используйте функцию включения, предоставленную jsp:

<%@ include file="menu.html" %>
person Susheel Singh    schedule 15.01.2014
comment
Этот пост заставил меня найти stackoverflow.com/questions/12837714/ Теперь это работает. Спасибо! - person Niklas Ternvall; 15.01.2014

arrow_upward
0
arrow_downward

Вы также можете попробовать использовать фреймворк Tiles. Дополнительную информацию см. здесь.

person Santhosh    schedule 15.01.2014