Hallo liebe Tutorials Gemeinde,
mit diesem Script schliße ich einen Layer sobald er mit der Maus berührt wird.

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

#root {     width:75%;     height:50%;     margin: 0px auto;     text-align: left;     color: #000000;     background-color: #transparent;     position:absolute;     z-index:1; }   #mouseoutframer {     width:75%;     height:50%;     margin: 0px auto;   background:#000000;   z-index:2;   position: absolute; }       <script type="text/javascript"> Controller = {  DIV_Box_MouseOut: function(){   //your mouseout functionality   this.closeFramer();  },  showFramer: function(){    document.getElementById('mouseoutframer').style.display='block';  },  closeFramer: function(){    document.getElementById('mouseoutframer').style.display='none';  } }; </script>       <div id="mouseoutframer" onmouseover="Controller.DIV_Box_MouseOut()"></div> <div id="root" onmouseover="Controller.showFramer()"></div>

Das funktioniert soweit auch ganz gut. Leider flackert aber der Layer immer wieder auf, sobald der Bereich mit der Maus berührt wird ... nicht so schön

Wie kann ich es schaffen das der Layer wirklich ab der ersten Mausberührung geblockt bleibt ? Er soll dann nicht mehr erscheinen.

Hoffe jemand hat nen Tipp für mich.

Danke schonmal jetzt !!

Hi,

du könntest eine boolesche Variable einführen, die du auf true setzt, um zu verhindern, dass ein erneutes Öffnen/Schliessen des Elements stattfindet.

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

Controller = {  closed: false,  DIV_Box_MouseOut: function(){   //your mouseout functionality   this.closeFramer();  },  showFramer: function(){    if(!this.closed)      document.getElementById('mouseoutframer').style.display='block';  },  closeFramer: function(){    this.closed = true;    document.getElementById('mouseoutframer').style.display='none';  } };

Ciao
Quaese

Das Forum hier ist der Hammer !!

Vielen Dank für den guten und schnellen Support