Vraag & Antwoord

Webprogrammeren & scripting

[JS] onMouseOut van <div>

5 antwoorden
  • In onderstaande pagina wordt onMouseOver een layer geopend. In die layer staan 4 jpg's. Nu wil ik dat wanneer je van de layer afgaat, deze weer wordt gesloten. Probleem is nu dat de layer al wordt gesloten wanneer je van 1 van de vier foto's afgaat. Ook als je van de een naar de ander gaat en dus niet van de layer afgaat. Ik krijg dit niet voor elkaar. Wie helpt mij? [code:1:c28a4059e5] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Untitled</title> <script type="text/javascript"> function layerOpen() { document.getElementById ( 'toelichting' ).style.visibility='visible' } function layerClose() { document.getElementById ( 'toelichting' ).style.visibility='hidden' } </script> <style> #toelichting { position:absolute; top:50px; left:190px; width:165px; height:90px; background-color : #66CC66; visibility: hidden; text-align: center; padding-left:0px; } </style> </head> <body> <form onMouseOver="javascript:layerOpen()"><img src="photos/foto0_pv.jpg" width="160" height="107" border="0" alt=""></form> <div id="toelichting" onMouseOut="javascript:layerClose()"><br><img src="photos/foto1_pv.jpg" width="160" height="107" border="1" alt=""><br><img src="photos/foto2_pv.jpg" width="107" height="160" border="0" alt=""><br><img src="photos/foto3_pv.jpg" width="160" height="107" border="0" alt=""><br><img src="photos/foto4_pv.jpg" width="160" height="107" border="0" alt=""></div> </body> </html> [/code:1:c28a4059e5]
  • Ik weet niet of het werkt hoor, maar misschien helpt het als je ipv een DIV-tag een SPAN-tag gebruikt. Misschien dat de BR-tags ook nog een oorzaak zijn. Probeer eens een P-tag. Zoals ik al zei, weet ik niet of het werkt, maar misschien helpt het je op weg.
  • Ok, ik heb t toch zelf getest. Het helpt niks, dus bespaar je de moeite. :(
  • Zoals ik het nu bekijk, zijn al die plaatjes veel groter dan die div. Misschien is dat het? En was er een foutmelding? -termin8or
  • Een foutmelding krijg je niet. Het lijkt erop dat er 5 elementen zijn die het event 'onMouseOut' meekrijgen: - de 4 foto's - de achtergrond van de div Wanneer je van een van de 5 elementen afgaat, verdwijnt de layer. Een mogelijke oplossing zou dus kunnen zijn om er 1 element van te maken. Heb dit geprobeerd met <span> in en om de div, <p>, <table>. Werkt ook allemaal niet... Heb de div nu groter gemaakt overigens, maar maakt ook niet uit...

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.