[HTML+Javascript] Waarom werkt onmouseover niet? - Softwareontwikkeling

dinsdag 2 mei 2006 12:05

Acties:

Verwijderd

Topicstarter

Hey allemaal, Ik ben pas begonnen met Javascript, nu wil ik een link met mouseover maken, maar ik krijg het niet werkend, wat ik ook probeer, het zal vast heel basic zijn maar ik weet het niet. Zouden jullie me kunnen helpen, heb de search ook gebruikt, Maar ik snap het gewoon niet

Hier de HTML + Javascript:

code:

<html>
<head>
<script type="text/javascript">
function onmouseover()
var x=document.getElementById("button").style.backgroundImage=url("Button2.jpg")
}   
</script>   
    
</head>

<body>
          <ul>
        <li><a href="#" id="button" onmouseover="onmouseover()">DVD+R(W)</a></li>
          </ul>

Bijbehorende CSS:

code:

a   {
background-image:url(Button3.jpg);
padding-top:2px;
display:block;
width:135px;
height:15px;
text-decoration:none;
color:#222222;
}

Volgens mij zou het moeten werken, ik heb het trouwens ook geprobeert met a:hover etc., maar dit deed het ook om een of andere vage reden het niet

dinsdag 2 mei 2006 12:10

Acties:

crisp

Devver

Pixelated

JavaScript:

1	var x=document.getElementById("button").style.backgroundImage=url("Button2.jpg")

a) je moet een string toekennen; op deze manier roep je een (ws niet-bestaande) functie url() aan
b) waarom asign je het resultaat weer aan een variabele x?

JavaScript:

1	document.getElementById("button").style.backgroundImage='url("Button2.jpg")';

Maar de lookup is hier ook overbodig want je kan in je eventhandler al een referentie meegeven naar je anchor:

HTML:

1	<a href="#" id="button" onmouseover="onmouseover(this)">DVD+R(W)</a>

JavaScript:

function onmouseover(el)
{
    el.style.backgroundImage='url("Button2.jpg")';
}

Intentionally left blank

dinsdag 2 mei 2006 12:18

Acties:

Verwijderd

Topicstarter

Ben ik gek, of doe ik iets fout, ik heb de code precies zo overgenomen van Crisip, maar uuhhh..

dinsdag 2 mei 2006 12:27

Acties:

crisp

Devver

Pixelated

Dan doe je iets fout

Krijg je foutmeldingen in je javascript console (vooropgesteld dat je in een beetje fatsoenlijke browser test)?

edit: ja dus. door je functie onmouseover te noemen definieer je ook window.onmouseover

oplossing: je functie renamen

stom, I should have seen that

[ Voor 40% gewijzigd door crisp op 02-05-2006 12:33 ]

Intentionally left blank

woensdag 3 mei 2006 11:19

Acties:

Verwijderd

Topicstarter

Ach ja, doet het, naja nog veel te leren:P, thanks