Notifikationer

Markér alle som læst Log ud

misbruger Nybegynder

12. november 2002 - 13:19 Der er 12 kommentarer og
1 løsning

Aktuel side vises i menuen

Jeg har en menu, som er styled med css.
Der er en hover effekt på alle menu punkterne.

Jeg vil gerne have at når man har valgt et menu punkt, så skifter stylen, således at man kan se hvilket punkt man har valgt...

...men jeg kan ikke helt få det til at spille.... hvad gør man?

Synes godt om

sesam Nybegynder

12. november 2002 - 13:36 #1

a:active {
b lablablab l ab
}

Synes godt om

misbruger Nybegynder

12. november 2002 - 13:43 #2

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

Synes godt om

neo.net Nybegynder

12. november 2002 - 16:31 #3

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

Synes godt om

misbruger Nybegynder

13. november 2002 - 06:54 #4

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....!

Synes godt om

neo.net Nybegynder

13. november 2002 - 10:09 #5

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

Synes godt om

ztyxx Nybegynder

13. november 2002 - 15:03 #6

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

Synes godt om

misbruger Nybegynder

13. november 2002 - 15:10 #7

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

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

Hallo neo!

Er du der?

Synes godt om

misbruger Nybegynder

13. november 2002 - 15:12 #8

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

Synes godt om

neo.net Nybegynder

13. november 2002 - 16:51 #9

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

Synes godt om

neo.net Nybegynder

13. november 2002 - 16:54 #10

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

skulle have været:

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

/neo.net

Synes godt om

misbruger Nybegynder

13. november 2002 - 17:09 #11

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

Synes godt om

neo.net Nybegynder

13. november 2002 - 17:31 #12

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

Synes godt om

misbruger Nybegynder

13. november 2002 - 17:38 #13

You the man!

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS