Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Подсветка меню мастер-странички при открытии дочерней странички / 6 сообщений из 6, страница 1 из 1
13.04.2013, 21:03
    #38224603
Gena928
Gena928
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка меню мастер-странички при открытии дочерней странички
День добрый,

пишу сайт на MVC4.
Есть мастер страничка (Layout), которая держит размеры и меню + несколько дочерних страничек.
Надо при открытии дочерней странички, подсвечивать (читай менять фон) пункта меню на мастер форме.

Разметка меню на главной страничке:
Код: html
1.
2.
3.
4.
5.
6.
7.
    <span class="LayoutMain_span_LeftMenuHeader">Настройки</span>
    <ul class="LayoutMain_ul_Leftmenu">
        <li>Меню 1</li>
        <li>Меню 2</li>
        <li>Меню 3</li>
        <li>Меню 4</li>
    </ul>



Подскажите пожалуйста, как это лучше сделать? Мне в голову приходят только извращения с JQuery.
Спасибо.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.04.2013, 22:34
    #38224651
Где-то в степи
Где-то в степи
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка меню мастер-странички при открытии дочерней странички
Gena928,
дак меняйте
Код: html
1.
2.
3.
4.
5.
6.
7.
 <span class="LayoutMain_span_LeftMenuHeader">Настройки</span>
    <ul class="LayoutMain_ul_Leftmenu">
        <li class="active item">Меню 1</li>
        <li class="item">Меню 2</li>
        <li class="item">Меню 3</li>
        <li class="item">Меню 4</li>
    </ul>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.04.2013, 22:51
    #38224660
Gena928
Gena928
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка меню мастер-странички при открытии дочерней странички
Где-то в степи,

вопрос немножко не в этом.
Менять - само собой. Вопрос в том как менять при открытии дочерней странички?

Например, при открытии странички №1 - поменять фон у первого пункта меню. При открытии странички №2 - у второго.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.04.2013, 22:54
    #38224662
Паганель
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка меню мастер-странички при открытии дочерней странички
Странички могут передавать layout-у некие флажки через ViewBag например...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.04.2013, 23:20
    #38224671
Gena928
Gena928
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка меню мастер-странички при открытии дочерней странички
ОК, выкрутился жабаскриптом.

на текущей страничке, даем подсказку какой элемент надо выделить:
Код: html
1.
<input type="hidden" value="li_Users" id="input_MenuPointID" />



в JQuery файле:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
$(document).ready(function () {

    // Получаем id элемента, который надо выделить
    var _MenuPointID = $('#input_MenuPointID').val();
    
    // Сбрасываем выделение у всех пунктов меню
    $('#ul_LeftMenu li').css("background-color", "none");

    // Ставим нужное
    $('#' + _MenuPointID).css("background-color", "#D4D4D4");

});
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.04.2013, 00:33
    #38224696
Где-то в степи
Где-то в степи
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Подсветка меню мастер-странички при открытии дочерней странички
Gena928,
имхо не верный подход, конечно подсветка активного итемменю не уж какой важный функционал для тех у кого отключен js.
но это же очень просто сделать на сервере, две- три строчки кода( не более), или у вас принцип - js отключен, идите нафиг?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / ASP.NET [игнор отключен] [закрыт для гостей] / Подсветка меню мастер-странички при открытии дочерней странички / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]