[JS]Eventhandlers, Gecko browsers en Doctype - Softwareontwikkeling

donderdag 2 december 2004 14:36

Acties:

Verwijderd

Topicstarter

waarom werkt dit niet in firefox zodra ik er een doctype bovenzet (en wel in IE)

code:

<html> 
<head> 
<title>move.layer</title> 

<script type="text/javascript"> 

function init(){ 
if(document.getElementById){ 
obj = document.getElementById("menuDiv"); 
obj.style.left = 156; 
} 
} 

function slideRight(){ 
if(document.getElementById){ 
if(parseInt(obj.style.left) < 255){ 
obj.style.left = parseInt(obj.style.left) + 10 + "px"; 
setTimeout("slideRight()",15); 
} 
} 
} 

function slideLeft(){ 
if(document.getElementById){ 
if(parseInt(obj.style.left) > 156){ 
obj.style.left = parseInt(obj.style.left) - 10 + "px"; 
setTimeout("slideLeft()",15); 
} 
} 
} 
</script> 
<style type="text/css"> 
#menuDiv{ 

position:absolute; 

left:156px; 
top:148px; 
width:110px; 
text-align:right; 
font-family: Arial, verdana, sans; 
font-size:8pt; 
z-index:2; 
filter:alpha(opacity=90);-moz-opacity:0.90; 
} 
</style> 
</head> 

<body onLoad="init()" bgcolor="white"> 

<div id="menuDiv"> 
<a href="javascript:slideLeft()">[img]"image/left.gif"[/img]</a> 
<a href="javascript:slideRight()">[img]"image/right.gif"[/img]</a> 
<div style="position:relative; left:-17px; border-color:black; border-style:solid; border-width:1px 1px 0px 1px; background-color:#B8D3C8;"> 
<a href="#" onblur="slideLeft()">Wie?</a> </div> 
<div style="position:relative; left:-17px; border-color:black; border-style:solid; border-width:1px 1px 0px 1px; background-color:#B8D3C8;"> 
<a href="#" onblur="slideLeft()">Wat?</a> </div> 
<div style="position:relative; left:-17px; border-color:black; border-style:solid; border-width:1px 1px 0px 1px; background-color:#B8D3C8;"> 
<a href="#" onblur="slideLeft()">Hoe?</a> </div> 
<div style="position:relative; left:-17px; border-color:black; border-style:solid; border-width:1px 1px 0px 1px; background-color:#B8D3C8;"> 
<a href="#" onblur="slideLeft()">Waarom?</a> </div> 
<div style="position:relative; left:-17px; border-color:black; border-style:solid; border-width:1px; background-color:#B8D3C8;"> 
<a href="#" onblur="slideLeft()">Wanneer?</a> </div> 
</div> 
<div class="menu"><span onmouseover="slideRight()">Menu </span></div>

Dit werkt dus in zowel IE als FF. Zet ik er een doctype boven (1.0 transitional) werkt het nog steeds in IE, maar in FF (1.0) werkt de onmouseover en <a href="javascript:slideLeft()">[img]"image/left.gif"[/img]</a> niet meer. Geen foutmelding, de functie doet gewoon niets. Ik kan klikken en onmousoveren wat ik wil, maar geen slide....

ter verduidelijking:
www.123swets.com/xploise/test.php (met doctype)
www.123swets.com/xploise/test2.php (zonder doctype)

donderdag 2 december 2004 14:43

Acties:

Verwijderd

doe eens onclick op die img ipv met een anchor. (of onclick op die anchor).

Verklaart nog niet waarom die onmouseover niet werkt, maar het is iig netter

edit: en in je init() ook 'px' achter die 156

[ Voor 14% gewijzigd door Verwijderd op 02-12-2004 14:44 ]

donderdag 2 december 2004 14:46

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op donderdag 02 december 2004 @ 14:43:
doe eens onclick op die img ipv met een anchor. (of onclick op die anchor).

Verklaart nog niet waarom die onmouseover niet werkt, maar het is iig netter

edit: en in je init() ook 'px' achter die 156

Ik ben een redelijke javascript n00b, maar het wordt dan

[img]"bladiebla"[/img]

correct?

donderdag 2 december 2004 14:54

Acties:

Verwijderd

nee, zonder javascript:, net als bij die span

donderdag 2 december 2004 14:57

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op donderdag 02 december 2004 @ 14:54:
nee, zonder javascript:, net als bij die span

Ik begrijp het niet. waar moet ik die anchor dan naar laten verwijzen?

donderdag 2 december 2004 15:16

Acties:

SchizoDuckie

Kwaak

zo dus voor de duidelijkheid

code:

1	[img]"bladiebla"[/img]

Stop uploading passwords to Github!

donderdag 2 december 2004 15:26

Acties:

Verwijderd

Topicstarter

SchizoDuckie schreef op donderdag 02 december 2004 @ 15:16:
zo dus voor de duidelijkheid
code:
1
[img]"bladiebla"[/img]

Oke

Dat heb ik geprobeerd en geeft geen verschil.

donderdag 2 december 2004 15:39

Acties:

Verwijderd

code:

1	obj.style.left = 156;

Zijn dit 156 koeien vanaf de linkerkant of pixels?

donderdag 2 december 2004 15:53

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op donderdag 02 december 2004 @ 15:39:
code:
1
obj.style.left = 156;
Zijn dit 156 koeien vanaf de linkerkant of pixels?

als ik px toevoeg krijg ik een fout op de pagina 'object expected'.
Zoals gezegd ben ik een javascript n00b, net slim genoeg om code wat aan te passen, maar de syntaxt is me grotendeels onbekend.

-edit-
Na wat rommelen met de syntax is het hierbij opgelost
$_/-\o_$

[ Voor 11% gewijzigd door Verwijderd op 02-12-2004 15:56 ]

donderdag 2 december 2004 15:56

Acties:

Rickets

Finger and a shift

Heb je wel een string gebruikt?

code:

1	obj.style.left = 156 + "px";

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.