Notifikationer

Markér alle som læst Log ud

tubber Juniormester

06. juni 2002 - 09:24 Der er 14 kommentarer og
1 løsning

Menu med highlight

Jeg har en menu, hvor jeg gerne vil have teksten ændre sig når jeg trykker på et link, altså det er kun det sidste valgte der skal se anderledes ud end de andre punkter.....

/Tubber

Synes godt om

atn Nybegynder

06. juni 2002 - 09:39 #1

Heysa !

Har du et link eller noget kode...det gør det lidt nemmere...

Venligst

<ATN/>

Synes godt om

tubber Juniormester

06. juni 2002 - 09:48 #2

Menu'en ser ud som følger......
Det jeg vil er den sidste der er trykket på skal være anderledes, bold eller underlined eller et eller andet......

<UL>
<A HREF="Forside.asp" TARGET="MAIN"><li id="li1" style="visibility:hidden;"><span style="visibility:visible;" onMouseOver="vis('li1');" onMouseOut="skjul('li1');">Forside</span></A>

<A HREF="Forside.asp" TARGET="MAIN"><li id="li1" style="visibility:hidden;"><span style="visibility:visible;" onMouseOver="vis('li1');" onMouseOut="skjul('li1');">Forside</span></A>

<A HREF="Forside.asp" TARGET="MAIN"><li id="li1" style="visibility:hidden;"><span style="visibility:visible;" onMouseOver="vis('li1');" onMouseOut="skjul('li1');">Forside</span></A>

<A HREF="Forside.asp" TARGET="MAIN"><li id="li1" style="visibility:hidden;"><span style="visibility:visible;" onMouseOver="vis('li1');" onMouseOut="skjul('li1');">Forside</span></A>

</UL>

Synes godt om

tubber Juniormester

06. juni 2002 - 09:48 #3

hov de hedder self li1, li2, li3, li4 ned af

Synes godt om

oasen Nybegynder

06. juni 2002 - 10:30 #4

Hvis kravene bare er, at teksten skal være bold/kursiv/understreget etc. kan du jo benytte CSS.
Et lille eksempel:

<head>

<style type="text/css">

a.fedtlink:link {
text-decoration: none;
color: #000099;
font-size: 17px;
font-weight: normal;
}

a.fedtlink:visited {
text-decoration: none;
color: #000099;
font-size: 17px;
font-weight: normal;
}

a.fedtlink:active {
color: #000099;
text-decoration: underline;
font-size: 17px;
font-weight: bold;
}

a.fedtlink:hover {
color: #990000;
text-decoration: underline;
font-size: 17px;
font-weight: bold;
}

</style>

</head>

Og så giv dit sidste link en class:

<A class="fedtlink" HREF="Forside.asp" TARGET="MAIN"><li id="li1" style="visibility:hidden;"><span style="visibility:visible;" onMouseOver="vis('li1');" onMouseOut="skjul('li1');">Forside</span></A>

Synes godt om

atn Nybegynder

06. juni 2002 - 10:46 #5

Heysa !

Prøv denne...

Venligst

<ATN/>

****| Code start |****
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
.link {
font-family : verdana;
font-size : 12px;
}
</style>
<script language="javascript" type="text/javascript">
//SKRIV ANTAL LINKS
//*****************
var objLinks = 4;
function clickIt(n) {
for (var i = 1; i <= objLinks; i++) {
document.getElementById('tester'+i).style.fontWeight = 'normal';
}
n.style.fontWeight = 'bold';
}
</script>
</head>
<body>
<ul>
<li><a href="#" id="tester1" onclick="clickIt(this)" class="link">Test1</a></li>
<li><a href="#" id="tester2" onclick="clickIt(this)" class="link">Test2</a></li>
<li><a href="#" id="tester3" onclick="clickIt(this)" class="link">Test3</a></li>
<li><a href="#" id="tester4" onclick="clickIt(this)" class="link">Test4</a></li>
</ul>
</body>
</html>
****| Code End |****

Synes godt om

atn Nybegynder

06. juni 2002 - 10:49 #6

Heysa !

Jeg kan se der er ædt noget af koden...

I linket skal det være: onclick="clickIt(this)"

Ved ikke lige hvor den sidste parentes blev af ?

Venligst

<ATN/>

Synes godt om

tubber Juniormester

06. juni 2002 - 11:05 #7

oasen: Det virker men kun på det øverste link ?

Synes godt om

tubber Juniormester

06. juni 2002 - 11:11 #8

ATN:
Det er meget godt, men den virker modsat af det der er meningen.....
De er bold min tekst og den skal så være bold + underline når jeg klikker på den, den du har lavet styler alle sammen på nær den jeg klikker på

Synes godt om

atn Nybegynder

06. juni 2002 - 11:21 #9

Heysa !

Så forklar lige hvordan det skal se ud...så bliver det fixet...

Venligst

<ATN/>

Synes godt om

tubber Juniormester

06. juni 2002 - 11:24 #10

Min tekst er stylet så den er bold, når jeg så trykker på et link, så skal den jeg trykker på bliver understreget....

og når jeg trykker på en ny så er det den der er understreget :O)

Synes godt om

atn Nybegynder

06. juni 2002 - 11:36 #11

Heysa !

Så prøver vi igen...

Venligst

<ATN/>

****| Code Start |****
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">
.link {
text-decoration : none;
font-family : verdana;
font-size : 12px;
font-weight : bold;
}
</style>
<script language="javascript" type="text/javascript">
//SKRIV ANTAL LINKS
//*****************
var objLinks = 4;
function clickIt(n) {
for (var i = 1; i <= objLinks; i++) {
document.getElementById('tester'+i).style.textDecoration = 'none';
}
n.style.textDecoration = 'underline';
}
</script>
</head>
<body>
<ul>
<li><a href="#" id="tester1" onclick="clickIt(this)" class="link">Test1</a></li>
<li><a href="#" id="tester2" onclick="clickIt(this)" class="link">Test2</a></li>
<li><a href="#" id="tester3" onclick="clickIt(this)" class="link">Test3</a></li>
<li><a href="#" id="tester4" onclick="clickIt(this)" class="link">Test4</a></li>
</ul>
</body>
</html>

Synes godt om

atn Nybegynder

06. juni 2002 - 11:36 #12

Det var mystisk...den har ædt noget af koden igen....men det er samme fejl som sidst...

Venligst

<ATN/>

Synes godt om

tubber Juniormester

06. juni 2002 - 11:52 #13

Siger mange mange tak og så er der points til dig :O)

Synes godt om

oasen Nybegynder

06. juni 2002 - 22:29 #14

tubber ---> Du skal bare sætte class="fedtlink" ved det link, du vil have anderledes, så virker det glimrende. Men det gider jeg ikke bruge mere tid på, nu når du så smukt har afvist.

Synes godt om

tubber Juniormester

07. juni 2002 - 18:16 #15

oasen:
Jeg har sat class="fedtlink" og det virkede ikke, det atn skrev det virkede heller ikke, skrev det til jer begge, han skrev et fortsat (nyt) svar og det virkede......så hvorfor skulle han ikke have de point ?

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 JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript	2	03/02/202614:19	04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript	9	18/04/202516:52	22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript	2	14/02/202511:47	27/06/202514:34

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