Avatar billede klasker Nybegynder
11. december 2002 - 13:58 Der er 13 kommentarer og
1 løsning

Lysende Links

Davs.

Jeg har lavet en side hvor mine links lyser når man holder musen over en af dem. (dvs. den skifter farve til rød)
Når man fjerner musen bliver den normal igen.
Det virker fint men jeg tror at det kan gøres bedre.
Jeg har lavet disse to funktioner:

function Highlight(ID) {
  obj = document.getElementById(ID);
  obj.style.color = 'red';
}

function Dehighlight(ID) {
  obj = document.getElementById(ID);
  obj.style.color = 'blue';
}

Og mine links ser sådanne ud:
<a href="..." id="Link1" onMouseOver="Highlight('Link1')" onMouseOut="Dehighlight('Link1')"> Bla..Bla </a>

Det virker fint men her kommer spørgsmålene:

1) Kan jeg gøre sådan at alle mine links får en onMouseOver og en onMouseOut event automatisk?

2) I min Dehighlight sætter jeg farven til blå, hvilket den var fra start af. Kan jeg gøre sådan at den får sin originale farve tilbage? (hvis fx. den har været trykket på før, så har den jo en anden farve)

3) Kan jeg gøre sådan at jeg slipper for at copy/paste begge funktioner ind i hver HTML-fil med links i? Men at de istedet kan hente dem et eller andet sted fra?

Jeg fordeler pointene imellem dem der har svaret på spørgsmålene.
Avatar billede cdc Novice
11. december 2002 - 14:03 #1
Har du prøvet med css, eller vil du ikke det
Avatar billede cdc Novice
11. december 2002 - 14:04 #2
På den måd kan du lave et, externt style sheet som du bare linker til fra siden.
Avatar billede klasker Nybegynder
11. december 2002 - 14:28 #3
Jeg er ret ny til JavaScript (dvs. Jeg startede på at lære det i mandags).
Jeg gider ikke til at lære css nu så jeg må desværre takke nej, selvom det ser ret godt ud de steder hvor jeg har set det.
Nå men jeg ledte nu ellers efter en løsning i Java Script og HTML alene så hvis det er nogle der kan hjælpe...
Avatar billede Slettet bruger
11. december 2002 - 16:23 #4
Det er meget nemmere at bruge CSS (som du i øvrigt bør have styr på, inden du kommer for godt i gang med JavaScript, da JS ofte "arbejder sammen med" CSS).

Sæt dette i en fil, fx "standard.css":

//start
a:link {
color: blue;
}
a:visited {
color: purple;
}
a:hover {
color: red;
}
a:active {
color: blue;
}
//slut

Sæt derefter dette ind på dine HTML-sider (i head):

<link rel="stylesheet" type="text/css" href="standard.css">

Slet så dit gamle JS og oplev magien! :)
Avatar billede tobias_cool Nybegynder
11. december 2002 - 17:09 #5
<a href....  Highlight(this) .... >link</a>

og så brug
ID.style.color = "red"
så vil ID altid være det objekt der har kaldt den :)
Avatar billede tobias_cool Nybegynder
11. december 2002 - 17:09 #6
Det var et svar
Avatar billede klasker Nybegynder
12. december 2002 - 11:46 #7
tobias cool: Sjovt du siger det, det var noget af det første jeg fandt ud af efter min far sparkede mig af nettet.

Okay, jeg overgiver mig og går i gang med at lære Cascading Style Sheets (CSS).
Hvor kan jeg finde en begynder tutorial om det?
Avatar billede klasker Nybegynder
12. december 2002 - 11:48 #8
Forresten:
Spørgsmål 3 fandt jeg selv en løsning på: Jeg smækkede det ind i en .js fil.
Avatar billede klasker Nybegynder
12. december 2002 - 13:03 #9
Okay, nu har jeg svaret på alle mine spørgsmål!
Jeg ville give dig nogle point hvis havde lagt et svar istedet men...
Avatar billede cdc Novice
12. december 2002 - 13:16 #10
kig ind på www.html.dk under ccs
Avatar billede tobias_cool Nybegynder
13. december 2002 - 08:12 #11
ayyy jeg har ikke haft tid til at svare
Avatar billede Slettet bruger
13. december 2002 - 14:31 #12
Der udnyttede du lige situationen hva'?

"Tak for hjælpen, men jeg gider ikke vente på at kunne belønne dig"...
Avatar billede Slettet bruger
13. december 2002 - 14:31 #13
Men nu vil jeg ikke have pointene, så du beholder dem bare.
Avatar billede cdc Novice
13. december 2002 - 14:34 #14
klasker--> Ikke specielt gentelmanship det her, man kommer med flere løsningsforslg til dig, og normalt svarer jeg heller ikke før spørgeren har fået det riktige svar, vedkommende kan bruge......
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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