Hoi,
Ik heb een scriptje inelkaar gezet.
Deze laat een 'popupje' zien als je op een link klikt, en gaat weer weg als je eraf gaat. Nu wil ik dat deze niet statisch 'top:100px;' heeft, maar telkens 100 px van de bovenkant van het scherm blijft.
Ik dacht dit te doen met :
Javascript

Code:

function image(elmnt) 
{ 
document.all(elmnt).style.visibility="visible"; 
document.all(elmnt).style.top=pageYOffset+50; 
} 
function verstopimg(elmnt) 
{ 
document.all(elmnt).style.visibility="hidden" 
}

css

Code:

#image { 
position:absolute; 
border:#000000 3px solid; 
visibility:hidden; 
background:#FFFFFF; 
left:100px; 
} 
</style>

html

Code:

<a onclick="image('image')" onmouseout="verstopimg('image')" href="#" >Verschijn</a> 
<div id="image">Hoi</div>

In IE doet de functie van 50 pixels vanaf de bovenkant van het scherm het niet, in FF doet hij het helemaal niet, en in Opera doet hij het perfect.
Hoe kan ik deze nu cross-browser valid maken?

Groeten,
Arian

Ik denk dat ik weet wat de bedoeling is, dus ik heb even een voorbeeld gemaakt: http://test.bytelogic.be/ (Nog niet getest in IE, alleen in Opera en FF)

Het belangrijkste is de css:

Code:

position:fixed;
left:...;
top:...;

In IE werkt hij niet :( anders was het wel tof geweest (lekker makkelijk)

maar nu heb ik al dat javascript gemodificeerd zodat hij wel werkt.

Code:

function image(elmnt) 
{ 
document.getElementById(elmnt).style.visibility="visible"; 
var y; 
if (self.pageYOffset) // all except Explorer 
y = self.pageYOffset; 
else if (document.documentElement && document.documentElement.scrollTop) // Explorer 6 Strict 
y = document.documentElement.scrollTop; 
else if (document.body) // all other Explorers 
y = document.body.scrollTop; 
document.getElementById(elmnt).style.top=y+50; 
} 
function verstopimg(elmnt) 
{ 
document.getElementById(elmnt).style.visibility="hidden" 
}

Het is idd jammer dat die 'fixed' niet werkt