Toon posts:

[javascript] div / onmouseover image veranderen

Pagina: 1
Acties:
  • 74 views sinds 30-01-2008

Verwijderd

Topicstarter
Beetje simpele vraag misschien, maar kan iemand me uitleggen waarom dit niet werkt?
zie de hilite function ? ik krijg object is leeg ofzo van IE terug?

heb heel de avond zitten zoeken, maar alle voorbeelden die ik tegenkom, met onmouseover in combinatie met div om button te veranderen geven een fout in de trend van, object is leeg, etc en werken dus niet :(.
Als ik het zaakje uit de <div> haal, werkt het namelijk wel.
heb al geprobeerd: document.layers["img"] en tig varianten daarop die ik tegenkwam, maar geen enkele kwam met het gewenste resultaat.


code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<html>

<head>
<script language="javascript">
<!-- hide script from old browsers

//detect browser:
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
if (browserName == "Netscape" && browserVer >= 3) browserVer = "1";
else if (browserName == "Microsoft Internet Explorer" && browserVer == 4) browserVer = "1";
else browserVer = "2";

//preload images:
if (browserVer == 1) {
a1 = new Image();
a1.src = "../style/buttonleft.gif";
a2 = new Image();
a2.src = "../style/buttonleft2.gif";
}

//image swapping function:
function hiLite(imgDocID, imgObjName, comment) {

document.img.document.images[imgDocId].src=eval(imgObjName + ".src");
window.status = comment; return true;
}
//end hiding -->
</script>
</head>


</head>

<link REL=StyleSheet HREF="../style/style.css" TYPE="text/css" MEDIA=screen>
<body>
<div id="img" style="position:absolute; left:0px; top:0px;"> 
<table CELLSPACING=0 width=100% align=center>
<tr><td height=28px valign=center>[img]"../style/buttonleft.gif"></td></tr>
<tr><td[/img][img]"../style/buttonleft.gif"></td></tr>
</table></div>

<div[/img] 
<table CELLSPACING=0 width=100% align=center>
<tr><td height=28px valign=center><a href="../html/home.html" onMouseOver="hiLite('a','a2','Home')" onMouseOut="hiLite('a','a1','')"  target="content">Home</a></td></tr>
<tr><td height=28px valign=center><a href="../html/subjects/onderwerp.html" target="content">Onderwerp</a></td></tr></table></div>

</body>
</html>

[ Voor 23% gewijzigd door Verwijderd op 14-01-2003 22:38 ]


Verwijderd

document.img.document.images ?
Maak daar maar eens document.images van.
Ten tweede is Javascript case-sensitive, dus imgDocID is niet gelijk aan imgDocId.

Dit is gewoon debug-werk. Saai inderdaad, maar regeltje voor regeltje alle waarden en tests nagaan, en er zo achterkomen wat er mis is.
Het topic gaat ook dicht om die reden: debuggen zul je zelf moeten doen.

Dit topic is gesloten.