Aktuel side vises i menuen

a:active {
      b lablablab l ab
}

den har jeg prøvet, men den virker sku ikke!

Du kan ikke bruge "a:active{}" til dette, da punktet ikke er aktivt længere når du klikker et andet sted på siden, da punktet så ikke længere har fokus.

Du kan evt. løse det ved hjælp af nedenstående:
<html>
<style>
.NormalClassName{
  color:black;
}
.ActiveClassName{
  color:red;
}
</style>
<script language="jscript">
var activeItem = "";

function activate(element){
  if(activeItem == ""){activeItem = element}
  activeItem.className = "NormalClassName";
  element.className = "ActiveClassName";
  activeItem = element;
}
</script>
<body>
<a class="NormalClassName" href="#" onClick="activate(this);">Menupunkt1</a>
<br>
<a class="NormalClassName" href="#" onClick="activate(this);">Menupunkt2</a>
<br>
<a class="NormalClassName" href="#" onClick="activate(this);">Menupunkt3</a>
<br>
<a class="NormalClassName" href="#" onClick="activate(this);">Menupunkt4</a>
</body>
</html>


/neo.net

hej neo -> ideen er faktisk meget god, men når jeg klikker på et menupunkt, bliver jeg redirected til an anden side, og så holde dit forslag jo ikke....!

Bruger ASP til siden?

Hvis du gør, kan du jo sende en "?MenuID=1".

<%If Request.QueryString("MenuID") = 1 Then%>
  <a class="ActiveClassName" href="default.asp?MenuID=1">Menupunkt1</a>
<%Else%>
  <a class="NormalClassName" href="default.asp?MenuID=1">Menupunkt1</a>
<%End If%>

Hvis du henter menuoplysningerne fra et databasekald, kan du selvfølgelig lave kode lidt pænere, ved hjælp af en løkke af en eller anden slags. Ovenstående er bare en ide.

Hvis du evt. bruger PHP, vil du formegentligt nemt kunne ændre koden så det passer.


/neo.net

der opfordres i e-nyt til at brugere lukker disse spm med fejl i

.... jeg skal bare bruge det første svar som neo har lagt....

...jeg tror jeg kan bruge det aligevel!!!

Hallo neo!

Er du der?

du havde lagt et script der ændre stylen på et link.... kan du ikke smide det script igen?

Jeg har ikke lige det jeg skrev før, men her er noget af det samme:

<style>
.NormalStyle{}
.ActiveStyle{}
</style>
<script>
var activeItem = "";
function activate(element){
  if(activeItem == ""){activeItem = element}
  activeItem.className = "NormalStyle";
  element.className = "ActiveStyle";
}
</script>
<body>
<a href="#" class="NormalClassName" onClick="activate(this);">MenuPunkt1</a>
.
.
.
.

/neo.net

<a href="#" class="NormalClassName" onClick="activate(this);">MenuPunkt1</a>

skulle have været:

<a href="#" class="NormalStyle" onClick="activate(this);">MenuPunkt1</a>

/neo.net

Hej Neo -> Tak! Men den fjerne ikke class'en når jeg så trykker på et andet link i menuen?

Min fejl :-) .... Prøv dette.

<script>
var activeItem = "";
function activate(element){
  if(activeItem == ""){activeItem = element}
  activeItem.className = "NormalStyle";
  element.className = "ActiveStyle";
  activeItem = element
}
</script>

/neo.net

You the man!