VPF::выделение в меню меню - Форум программистов

godvinn

Дата 29.10.2008, 15:36 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 407
Регистрация: 4.4.2008
Где: possibility of mo ving to Kyiv

Репутация: нет
Всего: 1

как сделать чтобы в меню для каждого активного раздела выделялась определённым цветом (вообщем чтобы применялся определённый класс css ), и чтобы не создавать в каждом шаблоне меню и не добавлять класс чтобы это все все отличалось.

вообщем если с этого ничего не понятно то нужно сделать чтото наподобие http://www.clone.h16.ru/sentences/index.htm верстку не советовать это я знаю как сделать как сделать функциональную часть на js

Это сообщение отредактировал(а) godvinn - 29.10.2008, 15:37

--------------------

Everything happens in life.

bars80080

Дата 29.10.2008, 16:13 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

да это вообще-то можно сделать и без js

a и a:hover разные background, border и color
выделенный пункт - обычно просто на сервере назначается другой класс данному пункту и всё

godvinn

Дата 29.10.2008, 16:21 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 407
Регистрация: 4.4.2008
Где: possibility of mo ving to Kyiv

Репутация: нет
Всего: 1

Цитата(bars80080 @ 29.10.2008, 16:13

)

выделенный пункт - обычно просто на сервере назначается другой класс данному пункту и всё

--------------------

Everything happens in life.

bars80080

Дата 29.10.2008, 17:22 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

Код


<a class="noaktivity">punkt 1</a>
<a class="noaktivity">punkt 2</a>
<a class="noaktivity">punkt 3</a>
<a class="aktivity">punkt 4</a>
<a class="noaktivity">punkt 5</a>

на сервере, когда проверяем, что за страницу требует клиент мы указываем какой стиль вставлять

допустим переход к четвёртому пункту шёл по ссылке http://server.ru/index.php?page=4
на сервере обработка (если это пхп):

Код


$mv = array('', 'punkt 1', 'punkt 2', 'punkt 3', 'punkt 4', 'punkt 5');
$page = $_GET['page'];
for($i = 1; $i < $mv; $i++) {
    if($page == $i) { $cls = 'activity'; } else { $cls = 'noactivity'; }
    echo '<a class="'.$cls.'">'.$mv[$i].'</a>';
}

godvinn

Дата 29.10.2008, 22:30 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 407
Регистрация: 4.4.2008
Где: possibility of mo ving to Kyiv

Репутация: нет
Всего: 1

ну это наверное хорошо использовать такой метод когда явно указанные ссылки а как мне быть с таким меню:

Код


<a href = "http://baseurl/" >Главная</a>
<a href = "#" class="button">Каталоги</a>
<a href = "#" class="submitaut">Авторизация</a>

и вот к ниму js код

Код


$(document).ready(function(){
    $(".button").click(function(){
        $(".panelaut").hide();
        $(".panel").slideToggle("show");
        $(this).toggleClass("active"); 
        return false;
    });
    $(".submitaut").click(function(){
        $(".panel").hide();
        $(".panelaut").slideToggle("show");
        $(this).toggleClass("active"); 
        return false;
    });
});

и когда пользователь нажимает на ссылку открывается панеть (то есть открывается скрывающейся тег)
и как сделать чтобы при нажатии открывалася панель и был выделен пункт в меню ?*

--------------------

Everything happens in life.

bars80080

Дата 30.10.2008, 00:48 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315

тогда посмотри сюда http://forum.vingrad.ru/index.php?showtopi...t&p=1421628

godvinn

Дата 30.10.2008, 08:24 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 407
Регистрация: 4.4.2008
Где: possibility of mo ving to Kyiv

Репутация: нет
Всего: 1

спс.

--------------------

Everything happens in life.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »