Выделение пункта меню в зависимости от текущей страницы

@boilzzz · Регистрация: 10.03.2015

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

Доброго времени суток.
Делаю сайт

Не по теме:

Код выложить не смогу, т.к он в бит в шаблон и его сложно найти.Это модеров касается.

Вопрос таков как мне в боковом меню сделать активную ссылку на той которой находиться посетитель?
а так же, в боковом меню есть + он открывает подменю. Как сделать что бы если выбрали допустим Документы - МТО, и перешли по ссылке МТО
на другой странице под меню было открыто, и выделено в соответственно с вопросом выше?

Кликните здесь для просмотра всего текста

HTML5

<ul class="bok-menu">
                    <li><a href ='/index//0-8'>Документы</a>
                        <ul><li><a href="/index//0-9">Локальные акты</a></li>
                            <li><a href="/index//0-10">МТО</a></li>
                            <li><a href="/index//0-11">Порядок зачисления</a></li>
                            <li><a href="/index//0-12">
                                Стипендии и виды материальной помощи</a></li>
                            <li><a href="/index//0-13">Социальные гарантии</a></li>
                            <li><a href="/index//0-14">Безопасность</a></li>
                            <li><a href="/index//0-15">Платные услуги</a></li>
                            <li><a href="/index//0-16">Антикоррупционная политика</a></li>
                            <li><a href="/index//0-17">Государственный контроль</a></li>
                            <li><a href="/index//0-18">Отчеты</a></li>
                             <li><a href="/index//0-34">ФХД</a></li>
                        </ul>
                    </li>
                    <li><a href ='/index//0-19'>Образование</a>
                        <ul><li><a href="/index//0-20">Образовательные ресурсы</a></li></ul>
                    </li>
                    <li><a href ='/index//0-21'>Сведения об ОО</a>
                        <ul><li><a href="/index//0-22">Структура управление организацией</a></li></ul>
                    </li>
                  <li><a href ='/index//0-23'>Группы</a>
                    <ul><li><a href="/index//0-24">Группа №1 Теремок</a></li>
                     <li><a href="/index//0-25">Группа №2 Радуга </a></li>
                     <li><a href="/index//0-26">Группа №3 Улыбка</a></li>
                     <li><a href="/index//0-27">Группа №4 Сказка </a></li>
                     <li><a href="/index//0-28">Группа №5 Кораблик</a></li>
                <li><a href="/index//0-29">Группа №6 Колокольчик </a></li>
                   <li><a href="/index//0-30">Группа №7 Солнышко </a></li>
<li><a href="/index//0-35">Группа №8 Звездочки </a></li>
                        </ul>
                    </li>
                    <li><a href="/index//0-31">Вакансии</a></li>
                    <li><a href="/index//0-32">Полезные ссылки</a></li>
                <li><a href="/index//0-33">Достижения и Успехи</a></li>
</ul>

Добавлено через 22 минуты
Нашел код jquery, это не решение, а то что у меня сейчас есть!

Кликните здесь для просмотра всего текста

Javascript

$(function ($) {
    var sdLi = $('.sidebox ul li:has(ul)').addClass('item-parent');
    $(sdLi).each(function () {
        $(this).prepend('<em>+</em>');
        $('em', this).css('top', $(this).actual('outerHeight') / 2 - $('em', this).actual('outerHeight') / 2)
    });
    $('> em', sdLi).click(function () {
        if ($(this).siblings('ul').is(':hidden') == true) {
            $(this).siblings('ul').slideDown(500, 'easeOutExpo');
            $(this).text('-')
        } else {
            $(this).siblings('ul').slideUp(500, 'easeInExpo');
            $(this).text('+')
        }
    });
    var config = {
        interval: 0,
        over: function () {
            $(this).prev().addClass('hover')
        },
        timeout: 0,
        out: function () {
            $(this).prev().removeClass('hover')
        }
    };
    $('> a', sdLi).hoverIntent(config)
});

Добавлено через 11 минут
Вот тут наглядный пример, https://jsfiddle.net/gamjrzue/
я все засунул что было на сайте.

@sad67man · 09.06.2016, 12:11

Сравнивайте ссылку с адресной строкой что-то типо такого

Javascript

$(document).ready(function(){
    $(".bok-menu a").each(function(){
    if($(this).attr("href")===location.href){
        console.log(this);
      //тут код.. 
    }
  })
})

Активный пункт нашли, думаю дальше разберетесь что с ним делать.

@boilzzz · 09.06.2016, 13:16 **[ТС]**

sad67man, Ага спасибо, а по второму вопросу сможете помочь?
И еще нашел прикол, делал просто по клику на li чтобы у a изменился цвет на синий, так нажимаешь странциа другая открывается и все стили классы..

@BANO · 09.06.2016, 14:51

Не по теме:

boilzzz, когда в jsfiddle выкладываешь, не поленись нажать там на кнопочку "Tidy". пусть там отступы читабельные будут
я этой функцией часто пользуюсь, когда надо чей-то код в порядок

@boilzzz · 09.06.2016, 21:37 **[ТС]**

BANO,

Не по теме:

Понял спасибо, не знал такую функцию!

Блоги программистов
Как перейти с Options API на Composition API в Vue.js BasicMan 06.01.2025 Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .	Архитектура современных процессоров inter-admin 06.01.2025 Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .	История создания реляционной модели баз данных, правила Кодда Programming 06.01.2025 Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .	Полезные поделки на Arduino, которые можно сделать самому raxper 06.01.2025 Arduino как платформа для творчества Arduino представляет собой удивительную платформу для технического творчества, которая открывает безграничные возможности для создания уникальных проектов. Эта. . .	Подборка решений задач на Python IT_Exp 06.01.2025 Целью данной подборки является предоставление возможности ознакомиться с различными задачами и их решениями на Python, что может быть полезно как для начинающих, так и для опытных программистов. . . .	С чего начать программировать микроконтроллеры raxper 06.01.2025 Введение в мир микроконтроллеров Микроконтроллеры стали неотъемлемой частью современного мира, окружая нас повсюду: от простых бытовых приборов до сложных промышленных систем. Эти маленькие. . .
Из чего собрать игровой компьютер inter-admin 06.01.2025 Сборка игрового компьютера требует особого внимания к выбору комплектующих и их совместимости. Правильно собранный игровой ПК не только обеспечивает комфортный геймплей в современных играх, но и. . .	Обновление сайта www.historian.by Reglage 06.01.2025 Обещал подвести итоги 2024 года для сайта. Однако начну с того, что изменилось за неделю. Добавил краткий урок по последовательности действий при анализе вредоносных файлов и значительно улучшил урок. . .	Как использовать GraphQL в C# с HotChocolate Programming 05.01.2025 GraphQL — это современный подход к разработке API, который позволяет клиентам запрашивать только те данные, которые им необходимы. Это делает взаимодействие с API более гибким и эффективным по. . .	Модель полного двоичного сумматора с помощью логических операций (python) AlexSky-coder 04.01.2025 def binSum(x:list, y:list): s=^y] p=x and y for i in range(1,len(x)): s. append((x^y)^p) p=(x and y)or(p and (x or y)) return s x=list() y=list()	Это мы не проходили, это нам не задавали...(асихронный счётчик с управляющим сигналом зад Hrethgir 04.01.2025 Асинхронный счётчик на сумматорах (шестиразрядный по числу диодов на плате, но наверное разрядов будет больше - восемь или шестнадцать, а диоды на старшие), так как триггеры прошли тестирование и. . .	Руководство по созданию бота для Телеграм на Python IT_Exp 04.01.2025 Боты для Телеграм представляют собой автоматизированные программы, которые выполняют различные задачи, взаимодействуя с пользователями через интерфейс мессенджера. В данной статье мы рассмотрим,. . .

@boilzzz Богатый духовно 455 / 262 / 145 Регистрация: 10.03.2015 Сообщений: 1,057
	09.06.2016, 13:16 [ТС]	3
	sad67man, Ага спасибо, а по второму вопросу сможете помочь? И еще нашел прикол, делал просто по клику на li чтобы у a изменился цвет на синий, так нажимаешь странциа другая открывается и все стили классы.. 0

@BANO
	09.06.2016, 14:51 #4
	Не по теме: boilzzz, когда в jsfiddle выкладываешь, не поленись нажать там на кнопочку "Tidy". пусть там отступы читабельные будут я этой функцией часто пользуюсь, когда надо чей-то код в порядок 0

@boilzzz Богатый духовно 455 / 262 / 145 Регистрация: 10.03.2015 Сообщений: 1,057
	09.06.2016, 21:37 [ТС]	5
	BANO, Не по теме: Понял спасибо, не знал такую функцию! 0