Ефект за меню.... как?

annabelka

Registered
Как се прави елементтът от менюто, върху който е кликнато да става друг цвят, ама не да си променя цвета само, когато минаваш с мишката през него, а да си остава друг цвят, за да си личи къде си кликнал/коя страница си отврорил.
 
a:link {
color:green;
}

a:active {
color:red /* цвят, когато е натиснат линка */
}

a:visited {

color:yellow /* цвят на вече посетен линк */

}
 
tu6o това нещо не ми се получава, защото аз искам да се променя background или картинка, а не color.

Един елемент от менюто има вида:
Код:
<a href="index.php?page=page6" onmouseover="changeImages('img', 'images/img_1.jpg'); return true;" onmouseout="changeImages('img', 'images/img_2.jpg'); return true; >линк</a>

Картинката се сменя при посочване на линка с курсора, искам като се кликне да остава img_1.jpg дори когато се махне курсора.... и така като избера друг линк от менюто стария да се "отмаркира", а този, на който е кликнато да става с img_1.jpg .... дано е станало ясно :roll:
 
Ако съм те разбрал правилно си правиш отделен клас, да го наречем .active { background-image: url('images/img_1.jpg'); }
И го задаваш на кликнатия бутон. Примерно home води към index.html в index.html, където е самият бутон home го правиш така:
<a class="active" href="index.php?page=page6" onmouseover="changeImages('img', 'images/img_1.jpg'); return true;" onmouseout="changeImages('img', 'images/img_2.jpg'); return true; >линк</a>
Не съм сигурен, че на a може да се задава клас, но опитай. Важното е да си ми разбрала мисълта, сигурен съм, че ще се оправиш натам :)
 
devent каза:
Ако съм те разбрал ....

Ти правино си ме разбрал :) ама на мен менюто ми го има само в index.php и няма как да стане по начина, който предлагаш.

А иначе на <а> може да се задава клас.
 
Тогава можеш да ползваш onclick събититето, като си напишеш някаква функциика, която да сетва бекграунда + да изчиства останалите ;)
 
ще ти дам еднин пример с няколко файла:
index.php (tuka ti e menuto)
tuka primerno ti e takova menuto
<div id="menu">
<a href="galeriq.php"> Galeria </a>
<a href="textove.php"> Textove </a>
<a href="snimki.php"> Snimki </a>
</div>

1.Ot nachaloto pravsh proverka
if($activirame == 1){
$activ = ' class=".activ" ';
}
elseif($activirame == 2){
$activ = ' class=".activ" ';
}
i taka za ostanalite posle na linkovete slagash:
<a href="galeriq.php" $activ >Galeria </a>




galeriq.php
<?php
$activirame = 1;
// drugiq kod
?>

textove.php
<?php
$activirame = 2;
// drugiq kod
?>

snimki.php
<?php
$activirame =3;
// drugiq kod
?>
 
MontefuckeR направих го точно, както казваш, ама $activirame не получава стойност и заради това if{} проверката никога не дава резултат :roll:
 
направи го тогава със сесия
<?php
session_start();
$_SESSION['activirame'] = 1;

и така в другите файлове самоче после проверяваш така за да е по лесно:

switch($_SESSION['activirame']){

case 1:
$activ = "class='activ'";
break;

case 2:
$activ = "class='activ'";
break;


}
 

Back
Горе