Meny farge skal forbli etter klikk

[arneost]

Hei,

 

jeg prøver å få til at et menyelement forblir den samme fargen som når man har musen over (CSS - styrt) etter at man har klikket på den.

 

Jeg har prøvd forskjellige metoder med include på hovedsiden og laget 2 filer for hvilken css den skal bruke.

 

//dette er et menyelement som skal være aktivt (klikket)
<p><a href="?vis=ommeg"><?php include("php/aktiv.php"); ?>Om Meg<?php include("php/slutt.php"); ?></a></p>

//dette er et inaktivt menyelement
<p><a href="?vis=skole"><?php include("php/inaktiv.php"); ?>Skole<?php include("php/slutt.php"); ?></a></p>

 

aktiv.php = <span class="aktiv">

inaktiv.php = <span class="inaktiv">

slutt.php = </span>

 

hvordan skal jeg få satt dette sammen dynamisk slik at det virker??

 

 

siden består også av en include switch setning litt lenger ned på siden som viser en annen side i en <div> når men trykker på linken (dette virker).

 

Setter STOR pris på hjelp.

 

 

ARne

[Canute]

Legg dette i en css fil, eller inni <style> tags.

a:link {color: #farge}     /* unvisited link */
a:visited {color: #farge}  /* visited link */
a:hover {color: #farge}   /* mouse over link */
a:active {color: #farge}   /* selected link */

 

Kopiert fra CSS Tutorial

Endret 26. juli 2006 av Canute

[arneost]

Den CSS-metoden virker ikke desverre... Den registerer bare cookies tror jeg, jeg vil ha en aktiv meny som er viser en annen <span class> når den er aktiv. må da gå ann med php det?

 

Men takker for hjelp

 

ARne

[endrebjo]

Kan du tegne det slik du vil ha det?

[arneost]

Bilde 1 - urørt meny - hovedside

 

 

Bilde 2 - klikket på ommeg og er på siden ommeg og farge vises i denne ruten (uten å ha mus over)

 

Det jeg mener er altså en "you are here" sak.... tror ikke det kan fixes i css :S

Håper du skjønner hva jeg mener.

 

ARne

[endrebjo]

<?php
$script_name_full = $_SERVER['SCRIPT_NAME'];
$script_name_array = explode("/", $script_name_full);
$script_name_array_count = count($script_name_array);
$script_name = $script_name_array[$script_name_array_count - 1];
?>

<ul>
<li class="<?php if($script_name=='OmMeg.php') { echo 'YouAreHere'; } ?>"><a href="OmMeg.php">Om Meg</a></li>
<li class="<?php if($script_name=='Skole.php') { echo 'YouAreHere'; } ?>"><a href="Skole.php">Skole</a></li>
<li class="<?php if($script_name=='CV.php') { echo 'YouAreHere'; } ?>"><a href="Skole.php">CV</a></li>
</ul>

li {
 background-color: #00f;
}
li.YouAreHere {
 background-color: #f00;
}
li a:link {
 color: #f00;
}
li.YouAreHere a:link {
 color: #00f;
}

Endret 26. juli 2006 av endrebjorsvik

[bosannes]

Ta en titt på dette:

<?php
$meny = array(side1, side2, side3);
foreach ($meny as $link) {
echo "<li><a href=\"?side=".$link."\" style=\"background-image: url(images/meny/".$link.".png);";
if (($side == $link) or (((empty($side)) and ($link == side1)))) {
 echo " background-position: -160px 0;";
}
echo "\"></a></li>\n";
}
?>

[Erik B.]

Det er da vel bare å bruke

a:visited:#fff

 

i stilsettet?

[bosannes]

Det er da vel bare å bruke

a:visited:#fff

 

i stilsettet?

6561978[/snapback]

Da vil man få effekten på alle sidene man har vært inne på. Han ønsker bare å ha det på den man ER inne på.

[Gjest Slettet-yzDjfSSl]

jeg har også et lignende problem...

jeg skal prøve å få til noe ala herlig.net

(når du er på hovedside skjer det ikke noe.., når du holder musa over en link kommer det et nytt bilde og når du er på siden er det et annet bilde)

noen som vet hvordan jeg får det til?

[Lovskogen]

Dere lager bare en class for liste-elementet som heter noe à la "active", også styler dere den. Er lov å kikke i koden, Penguin.

[arneost]

Ser ikke ut til å funkere noen av de forslagene.

 

Jeg må nok da vente til jeg kan programmere php 2 steder i et dokument.

Altså printe hvilken classe menyelementet har: <a href="blha/php.php" class="HER SKAL PHP KOMME">.

 

Har gjort det følgende nå;

 

.meny a {
display: block;
position: relative; /* IE Bug - hele boxen er et element */
background-color: #A5BBF5;
color: #FF6666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-variant: small-caps;
}

.meny a:hover {
color: #A5BBF5;
text-decoration: overline;
background-color: #FF6666;
}

.meny a:active {
color: #FFFFFF;
text-decoration: overline;
background-color: #515151;
}

 

Funker i det man trykker, men forblir ikke farge etter valg.

:visited har jeg gitt opp, virker bare 1.gangen man er på siden og første klikk

 

Takker for hjelp

 

ARne