Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webprogrammeren & scripting

[JS] onMouseOut van <div>

Annie
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

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