Avatar billede morten_soegaard Nybegynder
29. december 2004 - 17:16 Der er 5 kommentarer og
1 løsning

Onmouseover funktion

Hej

Jeg har en funktion som virker sådan at når man føre musen over noget tekst ændre baggrunden sig i den celle man angiver, da det skal bruges til en menu vil min version give utrolig mange funktioner, hvordan optimere man det. Scriptet ser sådan her ud:

function over() {
    document.getElementById("0").style.backgroundColor = "#B04E50";
}
function ude() {
    document.getElementById("0").style.backgroundColor = "#7D0B0E";
}

De forskellige id'er er 0, 1, 2, 3, 4, 5 osv.


Håber i kan løse problemet...
Avatar billede roenving Novice
29. december 2004 - 17:21 #1
function over(elm,color) {
    elm.style.backgroundColor = color;
}
function ude(elm) {
    elm.style.backgroundColor = "";
}

<td onmouseover="over(this,'#B04E50');" onmouseout="ude(this);" style="backgroundColor:#7D0B0E;">
Avatar billede plazm Nybegynder
29. december 2004 - 17:31 #2
lige et spørgsmål til roenving, kan

function skift(elm,color) {
    elm.style.backgroundColor = color;
}

<td onmouseover="skift(this,'#B04E50');" onmouseout="skift(this,#7D0B0E);" style="backgroundColor:#7D0B0E;">

ikke også bruges ?
Avatar billede roenving Novice
29. december 2004 - 17:35 #3
Næsten, der skal lige apostroffer rundt om den anden farveangivelse, da det er en tekststreng !-)

-- og grunden til at jeg gør det på den måde, er bl.a. at det så også vil virke på forskellige typer elementer med forskellig baggrundsfarve sat med classes, så man ikke behøver bekymre sig om det !o]
Avatar billede morten_soegaard Nybegynder
29. december 2004 - 17:52 #4
Det virker bare som det skal!

Læg nogle svar ind og i får point.
Avatar billede roenving Novice
30. december 2004 - 10:52 #5
Velbekomme '-)
Avatar billede roenving Novice
31. december 2004 - 14:27 #6
-- og tak for point ;~}
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