Как сделать меню на сайт, но не в каждом отдельном файле, а в одном

@LastPast · Регистрация: 06.07.2010

Студворк — интернет-сервис помощи студентам

Есть сайт, в нем 100 html-страниц.
На каждой странице слева должно быть меню (одинаковое для всех 100 страниц), а справа - уникальный контент (ну скажем, основная часть веб-страниц).

Если в будущем понадобится добавить пару-тройку пунктов меню, то придётся добавлять их во все 100 html-страниц.

Можно ли это как-то разом сделать, отредактировав 1 файл?

--------------------------------------
Получается, что сейчас у меня каждая html-страница содержит одинаковый блок данных (меню).

Как этого избежать?

Я думал насчет фреймов, но во всех учебниках их не рекомендуют использовать... Есть ли выходы?

Может на PHP можно такое соорудить?

Генерация однотипного содержимого на все страницы сайта - это как-нибудь можно реализовать?
Готов юзать php, но не знаю как подступиться.

Vovan-VE · 10.07.2010, 09:25

Наиболее разумный вриант - использовать PHP. Еще можно извращаться iframe'ом или обычными фреймами. Можно через JS меню генерировать, но он может быть отключен у юзера.

@xSmoke · 10.07.2010, 19:47

Я на своих сайтах делаю через БД.
Но расскажу как делал по началу.

Копируете свое меню в файл допустим menu.php.
И на каждой странице сайта, в том месте где должно быть меню пишите:
<? include('menu.php'); ?>
Наиболее удобный способ для вашего варианта.

@4umYOUser · 10.08.2010, 16:55

Готов юзать php, но не знаю как подступиться.

рнр не обязательно, можно и с помощью джава
создаешь ОДИН файл с меню и называешь его например menu.html
в каждую страницу где будет меню вставляешь:

HTML5
1
2
<div id="menu"></div>
<script type="text/javascript">$('#menu').load('menu.html');</script>

скрипт должен быть сразу после блока с id меню!
и подключаешь к каждой странице jquery-latest

22.09.2011, 16:36

Код HTML

HTML5
1
2
<div id="menu"></div>
<script type="text/javascript">$('#menu').load('menu.html');</script>

Хорошией совет, но не работает. Видит только IE, остальные браузеры отказываются.

Помогите, а?

Vovan-VE · 22.09.2011, 18:53

Потому что надо

HTML5
1
2
3
4
5
<script type="text/javascript">
$(function(){
    $('#menu').load('menu.html');
});
</script>

22.09.2011, 22:52

Все равно ничего не получается.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META http-equiv="Content-Style-Type" content="text/css">
<script type="text/javascript" src="jquery-latest.js"></script>
<TITLE></TITLE>
</HEAD>
 
<BODY>
<div id="menu"></div>
<script type="text/javascript">
$(function(){
    $('#menu').load('menu.html');
});
</script>
</BODY>

...........
файл menu.html

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<META http-equiv="Content-Style-Type" content="text/css">
 
<TITLE></TITLE>
</HEAD>
<BODY bgcolor="#ffcccc">
<TABLE border="1">
  <TBODY>
    <TR>
      <TD><A href="http://">kjdfjkdsfn</A></TD>
      <TD><A href="http://">dsfsdfdsf</A></TD>
    </TR>
    <TR>
      <TD><A href="http://">sadfsdafdsf</A></TD>
      <TD><A href="http://">asdfdsfdas</A></TD>
    </TR>
  </TBODY>
</TABLE>
</BODY>

......................
файл jquery-latest.js в той же папке.

@Исмаил · 19.03.2018, 13:49

Вот видео урок про то как создать меню на сайте HTML+CSS. Автор все просто и понятно рассказывает.

Ссылка на видео урок

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .

@LastPast 32 / 32 / 2 Регистрация: 06.07.2010 Сообщений: 129

	Как сделать меню на сайт, но не в каждом отдельном файле, а в одном 10.07.2010, 01:11. Показов 15517. Ответов 7 Метки нет (Все метки) Есть сайт, в нем 100 html-страниц. На каждой странице слева должно быть меню (одинаковое для всех 100 страниц), а справа - уникальный контент (ну скажем, основная часть веб-страниц). Если в будущем понадобится добавить пару-тройку пунктов меню, то придётся добавлять их во все 100 html-страниц. Можно ли это как-то разом сделать, отредактировав 1 файл? -------------------------------------- Получается, что сейчас у меня каждая html-страница содержит одинаковый блок данных (меню). Как этого избежать? Я думал насчет фреймов, но во всех учебниках их не рекомендуют использовать... Есть ли выходы? Может на PHP можно такое соорудить? Генерация однотипного содержимого на все страницы сайта - это как-нибудь можно реализовать? Готов юзать php, но не знаю как подступиться. 0

Vovan-VE 13210 / 6599 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	10.07.2010, 09:25
	Наиболее разумный вриант - использовать PHP. Еще можно извращаться iframe'ом или обычными фреймами. Можно через JS меню генерировать, но он может быть отключен у юзера. 1

@xSmoke 5 / 5 / 0 Регистрация: 13.04.2010 Сообщений: 100
	10.07.2010, 19:47
	Я на своих сайтах делаю через БД. Но расскажу как делал по началу. Копируете свое меню в файл допустим menu.php. И на каждой странице сайта, в том месте где должно быть меню пишите: <? include('menu.php'); ?> Наиболее удобный способ для вашего варианта. 1

@Исмаил 2 / 2 / 0 Регистрация: 06.06.2011 Сообщений: 42
	19.03.2018, 13:49
	Вот видео урок про то как создать меню на сайте HTML+CSS. Автор все просто и понятно рассказывает. Ссылка на видео урок 1