Infovenster schuift uit beeld

[Verwijderd]

Hello, ik zit met een probleem wat betreft de positionering van een infovenstertje welk zichtbaar wordt wanneer de muis over een knopje komt. Er staan meerdere knopjes verdeelt over een pagina. Deze pagina is als i-frame zichtbaar op de hoofdpagina. Mijn probleem is dat het infovenstertje qua positie gerelateerd is aan de muispositie. Echter in Firefox wordt de positie van de muis gerelateerd aan het i-frame waarin de muis zich bevind, en dus staat het infovenstertje netjes naast de muis wanneer men over het knopje gaat. Bij IE gaat dit fout. Hoe verder omlaag men in het i-frame de muis over een knopje beweegt, heo erger het misgaat, tot uiteindelijk het infovenstertje "buiten beeld"schuift (het vrije kader waarin het zichtbare gedeelte van het i-frame zich bevind).

Het script:

</script>

<style type="text/css">

#plaatje {

position:absolute;

z-index:1000;

visibility:hidden; }

</style>

<script type="text/javascript">

function init() {

if (window.Event) {document.captureEvents(Event.MOUSEMOVE);}

document.onmousemove = haalMuisPositie; }

function haalMuisPositie(e) {

muisX = (window.Event) ? e.pageX : event.clientX;

muisY = (window.Event) ? e.pageY : event.clientY; }

function toonPlaatje(naam,beeldje) {

laag = document.getElementById(naam);

laag.innerHTML = '<img src=' +beeldje+'>';

laag.style.visibility = "visible";

laag.style.top = muisY ;

laag.style.left = "30px" ;

plaatsPlaatje() }

function verbergPlaatje(naam){

laag = document.getElementById(naam);

laag.style.visibility = "hidden"; }

function plaatsPlaatje() {

laag.style.top = muisY ;

laag.style.left = "30px" ; }

</script>

En de regel per knopje:

<img border="0" src="knopje01.jpg" onmouseout="verbergPlaatje('plaatje');" onmouseover="toonPlaatje('plaatje','info01.jpg');" width="20" height="20" align="right">

De oplossing zal zoals altijd weer heel simpel zijn...
Iemand een idee?

Edit: Ik heb nog even snel een voorbeeld gemaakt, zal e.e.a. allicht iets verduidelijken.
http://members.lycos.nl/leursi0/

[ Voor 3% gewijzigd door Verwijderd op 20-08-2008 23:31 ]

[Aloys]

misschien je script ff in [ code=css ]-tags plaatsen? (en [ code=js ] )

[ Voor 16% gewijzigd door Aloys op 20-08-2008 22:58 ]

[Blaise]

Voor IE moet je eerst de positie van het iframe berekenen en dat optellen bij je muis coördinaten.

Maar misschien kan je in dit geval beter het gebruik van een iframe vermijden en een "frame" maken met HTML en CSS.