Avatar billede technodance.dk Nybegynder
26. marts 2004 - 19:49 Der er 21 kommentarer og
2 løsninger

onmouseover onmouseout virker ikke

hej exp'er

jeg kan ikke få det her til at virke

<script type="text/javascript">
function changeOver(){
document.mouse.style.color = '#000000';
document.mouse.style.backgroundColor = '#FFFFFF';
}

function changeOut(){
document.mouse.style.color = '#FFFFFF';
document.mouse.style.backgroundColor = '#000000';
}

</script>

<TR ID="mouse" BGCOLOR="#C6ECFF" onmouseover="changeOver()" onmouseout="changeOut()">
Avatar billede thesurfer Nybegynder
26. marts 2004 - 19:52 #1
document.getElementById("mouse").style...
Avatar billede thesurfer Nybegynder
26. marts 2004 - 19:53 #2
<script type="text/javascript">
function changeover(){
document.getElementById("mouse").style.color = '#000000';
document.getElementById("mouse").style.backgroundcolor = '#ffffff';
}

function changeout(){
document.getElementById("mouse").style.color = '#ffffff';
document.getElementById("mouse").style.backgroundcolor = '#000000';
}

</script>

<tr id="mouse" bgcolor="#c6ecff" onmouseover="changeover()" onmouseout="changeout()">
Avatar billede roenving Novice
26. marts 2004 - 19:53 #3
Skulle den notation kunne virke ?-)

Måske kan man i ie bruge den helt forkortet:

mouse.style ...

Men ellers (som thesurfer skriver !-)

<script type="text/javascript">
function changeOver(){
document.getElementById('mouse').style.color = '#000000';
document.getElementById('mouse').style.backgroundColor = '#FFFFFF';
}

function changeOut(){
document.getElementById('mouse').style.color = '#FFFFFF';
document.getElementById('mouse').style.backgroundColor = '#000000';
}

</script>

<table>
<TR ID="mouse" BGCOLOR="#C6ECFF" onmouseover="changeOver()" onmouseout="changeOut()">
<td>&nbsp;Karl&nbsp;</td></tr></table>
Avatar billede thesurfer Nybegynder
26. marts 2004 - 19:55 #4
Hvis man er doven:

<script type="text/javascript">
var minid = document.getElementById("mouse");
function changeover(){
minid.style.color = '#000000';
minid.style.backgroundcolor = '#ffffff';
}

function changeout(){
minid.style.color = '#ffffff';
minid.style.backgroundcolor = '#000000';
}

</script>

<tr id="mouse" bgcolor="#c6ecff" onmouseover="changeover()" onmouseout="changeout()">
Avatar billede roenving Novice
26. marts 2004 - 19:58 #5
-- men så er man præcist ovre i, at 1/10 af de besøgende får en javascript-fejl !-)
Avatar billede thesurfer Nybegynder
26. marts 2004 - 19:59 #6
roenving> Er det en dårlig ide med "minid"-metoden? Hvis ja, hvorfor?
Avatar billede thesurfer Nybegynder
26. marts 2004 - 19:59 #7
Ah.. objektet/elementet eksisterer ikke endnu :-)
Avatar billede thesurfer Nybegynder
26. marts 2004 - 20:00 #8
Så skal man jo bare sørge for at JS delen ligger *efter* HTML delen, no? :-)
Avatar billede roenving Novice
26. marts 2004 - 20:01 #9
Og at bruge forkortelsen forudsætter document.all, hvilket ikke holder i andre browsere end IE og Opera, så over 10 % af surferne er udelukket !-)
Avatar billede technodance.dk Nybegynder
26. marts 2004 - 20:01 #10
Avatar billede roenving Novice
26. marts 2004 - 20:02 #11
-- Nej, det har intet med hvor javascriptet findes, for det er jo styret af en event-handler, og de er jo ikke igang før dokumentet er loadet
Avatar billede technodance.dk Nybegynder
26. marts 2004 - 20:04 #12
havd merer du??
Avatar billede thesurfer Nybegynder
26. marts 2004 - 20:06 #13
Det er fordi jeg har skifte Case til små bogstaver.. rettelse:
</style><script type="text/javascript">
function changeOver(){
document.getElementById("mouse").style.color = '#000000';
document.getElementById("mouse").style.backgroundColor = '#ffffff';
}

function changeOut(){
document.getElementById("mouse").style.color = '#ffffff';
document.getElementById("mouse").style.backgroundColor = '#000000';
}

</script></head>
Avatar billede roenving Novice
26. marts 2004 - 20:07 #14
>>thesurfer
Hov, jeg havde ikke læst din kode ordentligt, sorry ;O)

>>tecnodance
id betyder unik identifikator, så der må kun være een af hver ...

Når du så skal bruge dem på flere, kan du med fordel sende objektet med i kaldet:

<script type="text/javascript">
function changeOver(elm){
elm.style.color = '#000000';
elm.style.backgroundColor = '#FFFFFF';
}

function changeOut(elm){
elm.style.color = '#FFFFFF';
elm.style.backgroundColor = '#000000';
}

</script>

<table>
<TR ID="mouse" BGCOLOR="#C6ECFF" onmouseover="changeOver(this)" onmouseout="changeOut(this)">
<td>&nbsp;Karl&nbsp;</td></tr>
<TR ID="mouse1" BGCOLOR="#C6ECFF" onmouseover="changeOver(this)" onmouseout="changeOut(this)">
<td>&nbsp;Karl&nbsp;</td></tr>
<TR ID="mouse2" BGCOLOR="#C6ECFF" onmouseover="changeOver(this)" onmouseout="changeOut(this)">
<td>&nbsp;Karl&nbsp;</td></tr>
<TR ID="mouse3" BGCOLOR="#C6ECFF" onmouseover="changeOver(this)" onmouseout="changeOut(this)">
<td>&nbsp;Karl&nbsp;</td></tr>
<TR ID="mouse4" BGCOLOR="#C6ECFF" onmouseover="changeOver(this)" onmouseout="changeOut(this)">
<td>&nbsp;Karl&nbsp;</td></tr>
<TR ID="mouse5" BGCOLOR="#C6ECFF" onmouseover="changeOver(this)" onmouseout="changeOut(this)">
<td>&nbsp;Karl&nbsp;</td></tr>
<TR ID="mouse6" BGCOLOR="#C6ECFF" onmouseover="changeOver(this)" onmouseout="changeOut(this)">
<td>&nbsp;Karl&nbsp;</td></tr>
</table>
Avatar billede thesurfer Nybegynder
26. marts 2004 - 20:09 #15
roenving> dvs, man må godt bruge var minid = document.getElementById("mouse"); ?
Eller hvad det noget andet kode, du havde læst forkert?
Avatar billede technodance.dk Nybegynder
26. marts 2004 - 20:13 #16
denne kommentar roenving - 26/03-2004 20:07:34 kan jeg bruge derfor må du godt komme med et svar.. men hjælpen begge to
Avatar billede grunken Nybegynder
26. marts 2004 - 20:13 #17
-og så kan man vel med rette udelade id på tabellen :o)
Avatar billede roenving Novice
26. marts 2004 - 20:16 #18
>>thesurfer
Det var præcis den linje, jeg havde overset !-)

>>grunken
Tjaeh, den har i hvert fald ikke betydning til mouseoveren !-)

-- og surferen kom jo også med væsentlig information, så han bør vel også have en andel ...

-- ellers velbekomme '-)
Avatar billede thesurfer Nybegynder
26. marts 2004 - 21:05 #19
"-- og surferen kom jo også med væsentlig information...">
Hvor? :-)

Det ser ud til at technodance.dk bruger løsningen i 26/03-2004 20:07:34, hvilket er din kode :-)
Avatar billede roenving Novice
26. marts 2004 - 21:11 #20
-- ja, men vi opdagede jo også ret sent, at technodance kunne bruge en generisk ting og ikke en specifik !-)
Avatar billede technodance.dk Nybegynder
26. marts 2004 - 21:22 #21
sorry men i to skal vare point thesurfer / roenving
Avatar billede thesurfer Nybegynder
26. marts 2004 - 21:24 #22
OK, så lægger jeg et svar :-)
Avatar billede roenving Novice
04. april 2004 - 06:46 #23
-- og tak for points ;~}
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