Преобразование шаблона CSS в asp.net с мастер-страницами

Question

Преобразование шаблона CSS в asp.net с мастер-страницами

0

Я купил шаблон css. который реализует навигацию таким образом.

 <li class="current"><a href="services.html">Services</a></li>
 <li><a href="news.html">News</a></li>
 <li><a href="portfolio.html">Portfolio</a></li>
 <li><a href="elements.html">Elements</a></li>
 <li><a href="contact.html">Contact</a></li>

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

Теперь я конвертирую это в макет главной страницы. Как я могу определить текущую страницу и добавить класс в элемент списка с помощью JavaScript. Или любое другое решение этой проблемы.

user79808 21 окт. 2013, в 13:28

Источник

0

вы используете MVC?
Nitesh 21 окт. 2013, в 11:26
0

покажи свой код asp.net по крайней мере
Akshay Khandelwal 21 окт. 2013, в 11:27
0

В .net у меня есть только разметка нет. NET вещи ... Я не использую MVC только его веб-форм
user79808 21 окт. 2013, в 11:29
0

Если вы видели пример в PHP, вы могли бы переписать его как .net?
Marc Audet 21 окт. 2013, в 11:29
0

я могу попробовать наверняка.
user79808 21 окт. 2013, в 11:31
0

Пожалуйста, смотрите, это решение очень похоже на то, что вы хотите достичь. stackoverflow.com/questions/12497289/...
Ricky Stam 21 окт. 2013, в 11:38

Показать ещё 4 комментария

Теги:

javascript

html

css

1 ответ

Ещё вопросы

покажи свой код asp.net по крайней мере
В .net у меня есть только разметка нет. NET вещи ... Я не использую MVC только его веб-форм
Если вы видели пример в PHP, вы могли бы переписать его как .net?
Пожалуйста, смотрите, это решение очень похоже на то, что вы хотите достичь. stackoverflow.com/questions/12497289/...

Abhitalks · Accepted Answer · 2013-10-21T08-49-00.000Z

Это простой способ сделать это (используя jQuery):

function syncMenu () {
        var url = window.location.href, pageStart, pageEnd, pageName;
        pageStart = url.lastIndexOf("/") + 1;
        pageEnd = url.lastIndexOf(".");
        pageName = url.substring(pageStart, pageEnd);

        $('#Menu').find('li').removeClass('selected');
        $('#Menu').find('a[href^="' + pageName + '"]').parent().addClass('current');

}

Вызовите эту функцию в первую очередь, когда ваша страница загружается, т.е. первая вещь в document.ready.

Идея заключается в том, что у вас есть имя страницы в качестве anchor href. Мы извлекаем имя страницы из текущего url и используем это для поиска a во всех li который содержит это имя страницы, как href. Добавление класса (текущий в вашем случае) к этому li.

Еще один вопрос, у меня также есть элемент, который показывает домашнюю >> текущую страницу .. жестко запрограммирован на каждой странице, как я могу отправить текущую страницу с кодом
Это зависит. Если ваш элемент является отдельным для текущей страницы, просто $('#elemId').text(pageName) .