Вынести блок кода в отдельный файл

@Sui Caedere · Регистрация: 02.10.2016

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

Представим такую ситуацию: у вас есть блок-меню сайта, который повторяется на всех страницах, однако на каждой странице должен подсвечиваться соответствующий пункт меню (к нему добавляется класс .active, например). Как быть?

@Academik · 24.08.2018, 11:34

Sui Caedere, можно например вешать класс через jquery

JavaScript
1
2
3
4
5
$.each($(".site-menu a"),function(e){
    if(document.location.href == this.href){
        $(this).parent().addClass('active');
    };
});

@Phantom-84 · 24.08.2018, 11:51

Сравнивайте в цикле адрес пункта с адресом текущей страницы и при совпадении подсвечивайте.

Чаще всего это делается на стороне сервера.

@Sui Caedere · 24.08.2018, 12:16 **[ТС]**

Спасибо, не додумался.

Добавлено через 42 секунды

Сообщение от Phantom-84

Сравнивайте в цикле адрес пункта с адресом текущей страницы и при совпадении подсвечивайте.
Чаще всего это делается на стороне сервера.

То есть мне нужно вынести весь блок меню в php файл и там уже как-то обрабатывать?

@Phantom-84 · 24.08.2018, 12:24

Да. Или прямо в общем шаблоне, например:

PHP/HTML
1
2
3
4
5
                        <ul class="menu">
<?php foreach ($site['menu'] as $id=>$name): ?>
                            <li class="menu-item<?= $page['id']===$id?' current-menu-item':'' ?>"><a href="/<?= $id ?>"><?= $name ?></a></li>
<?php endforeach; ?>
                        </ul>

Зачем меню куда-то выносить, если оно не используется повторно и не дублируется?

Добавлено через 3 минуты
Тернарный оператор использован вместо неполного ветвления чисто из технических соображений.

@Sui Caedere · 24.08.2018, 12:29 **[ТС]**

Сообщение от Phantom-84

Зачем меню куда-то выносить, если оно не используется повторно и не дублируется?

Дублируется. Если на сайте 10 страниц, например, и на каждой странице есть это меню. В этом и суть. Хочется вносить правки один раз, а не десять.

@Phantom-84 · 24.08.2018, 12:32

Вот демонстрационный пример сайта, где можно посмотреть результат.

Добавлено через 2 минуты

Сообщение от Sui Caedere

Дублируется. Если на сайте 10 страниц, например, и на каждой странице есть это меню. В этом и суть. Хочется вносить правки один раз, а не десять.

Тогда выносите. Я почему-то об этом не подумал, так как привык использовать каркасы с "единой точкой входа".

@Sui Caedere · 24.08.2018, 12:35 **[ТС]**

Сообщение от Phantom-84

каркасы с "единой точкой входа".

Можно подробнее? Я так понимаю в моём примере возможны три варианта:
1) Как предложил Mr Coder с помощью jquery на стороне клиента;
2) На стороне сервера с помощью php;
3) Ещё на ум пришёл вариант со сборщиками проектов в статические страницы.

@Phantom-84 · 24.08.2018, 12:43

Сообщение от Sui Caedere

Можно подробнее?

Сейчас так работает большинство сайтов. Поищите по упомянутому мной ключу.

Третий пункт близок ко второму. В любом случае нужен шаблон, выполняемый (обрабатываемый) динамически.

Новые блоги и статьи Все статьи Все блоги /
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. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»	SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .

@Sui Caedere 7 / 7 / 4 Регистрация: 02.10.2016 Сообщений: 74

	Вынести блок кода в отдельный файл 24.08.2018, 11:17. Показов 3984. Ответов 8 Метки css, html (Все метки) Представим такую ситуацию: у вас есть блок-меню сайта, который повторяется на всех страницах, однако на каждой странице должен подсвечиваться соответствующий пункт меню (к нему добавляется класс .active, например). Как быть? 0

@Phantom-84 377 / 319 / 73 Регистрация: 15.09.2017 Сообщений: 1,436
	24.08.2018, 11:51
	Сравнивайте в цикле адрес пункта с адресом текущей страницы и при совпадении подсвечивайте. Чаще всего это делается на стороне сервера. 0

Вынести блок кода в отдельный файл

Решение