подсветка ссылки активной страницы

[dglushkov]

Всем привет.

 Меню выводится так:

 

<div id="nav">

<ul>

<?php

$categories = get_categories();

foreach($categories as $link):

?>

<li>

<a href="index.php?view=<?php echo $link['cat_id'];?>"><span class="link"><?php echo $link['name'];?></span></a>

</li>

<?php endforeach;?>

</ul>

</div>

 

css:

 

a 

{

font-size: 22px;

text-decoration: none;

padding-bottom: 8px;

border-bottom: 2px solid #666666;

}

 

a:hover 

{ 

color: #FFCC00; 

text-decoration: none;

border-bottom: 3px solid #FFCC00;

}

 

.link 

{ 

color: #666666; 

}

 

#nav

{

position: relative; 

margin-left: 4%;

}

 

li

{

display: inline;

margin-right: 18px;

}

 

Вопрос как сделать подсветку ссылки активной страницы?

#nav ul li.active { ... } не работает (

[npofopr]

У меня дома телевизор сломался, почему?

А у вас вообще ставить этот .active?

[dglushkov]

У меня дома телевизор сломался, почему?

А у вас вообще ставить этот .active?

ставил конечн когда пробывал, может как то не правильно делал. не могли бы вы просто рассказать что, как и куда поставить чтобы это заработало?

[rus]

вообще-то нужно либо с помощью js, либо с помощью php проверять, если ты на этой странице, то присваивать пункту меню класс=active

[dglushkov]

вообще-то нужно либо с помощью js, либо с помощью php проверять, если ты на этой странице, то присваивать пункту меню класс=active

напиши как это конкретно должно выглядеть, код я выложил.

[rus]

<?php  

$categories = get_categories();

foreach($categories as $link):

if($link['cat_id'] == $_GET['cat_id']) {

  $link = 'active';

} else {

  $link = 'link';

}

?> 

<li>

<a href="index.php?view=<?php echo $link['cat_id'];?>">

  <span class="<?=$link?>"><?php echo $link['name'];?></span>

</a>

</li>

<?php endforeach;?>

[dglushkov]

<?php  $categories = get_categories();foreach($categories as $link):if($link['cat_id'] == $_GET['cat_id']) {  $link = 'active';} else {  $link = 'link';}?> <li><a href="index.php?view=<?php echo $link['cat_id'];?>">  <span class="<?=$link?>"><?php echo $link['name'];?></span></a></li><?php endforeach;?>

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

[rus]

фигово пробовали значит.

.link {color: #666666;}.active {color: #000000;}

вместо: if($link['cat_id'] == $_GET['cat_id']) {

надо: if($link['cat_id'] == $_GET['view']) {

[dglushkov]

фигово пробовали значит.

.link {color: #666666;}.active {color: #000000;}

вместо: if($link['cat_id'] == $_GET['cat_id']) {

надо: if($link['cat_id'] == $_GET['view']) {

еще в вашей функции надо было переменную по другому назвать, и <?= у меня почему то не работает - не скажете почему?

в любом случае большое спасибо, однако схема работает только конкретно на те страницы на которые ведут эти ссылки, а вот когда переходишь по внутренним ссылкам этих страниц, снова становятся не подсвеченными, что очень огорчает, т.к. подсветка эта задумана как выделение активного раздела - что можно сделать?

внутренние ссылки формируются так:

<?php

$print = get_content();

foreach($print as $item):

?>

<div class="print_img">

<a href="index.php?view=product&id=<?php echo $item['id'];?>"><img class="picture" src="img/<?php echo $item['image'];?>"></a>

<?php echo $item['title'];?>

</div>

<?php endforeach;?>

 

Edited January 31, 2014 by dglushkov

[rus]

странно что не работает <?=

а в этот код можно тоже самое добавить, просто другие названия переменных.

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