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
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
#image {
position:absolute;
border:#000000 3px solid;
visibility:hidden;
background:#FFFFFF;
left:100px;
}
</style>
html
<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