Jagged: Werden Event-Handler vererbt? Und wenn ja, wie...

Beitrag lesen

High,

bei mir zeigt sich folgendes Problem:

  
  .GruppeA {position:fixed;top:9ex;left:0px;bottom:0px;width:64px}  
  .GruppeB {position:fixed;top:9ex;left:0px;width:256px;visibility:hidden}  

  
  <div class="GruppeA" onmouseout="phidemenu()" onclick="showGrpB()">  
    <img src="gfx/loftbar.png"  
         hspace=0 border=0 width="64px" height="226px"/>  
    <!-- noch ein Image, das sich bis zum Boden fortsetzt... -->  
  </div>  
  <div class="GruppeB" id="grpB" onmouseout="hideGrpB()">  
    <img src="gfx/leftbar.png"  
         hspace=0 border=0 width="256px" height="320px" />  
  </div>  

  
  function showGrpB()  
  {  
    document.getElementById("grpB").style.visibility="visible";  
  }  
  function phideGrpB()  
  {  
    return true;  
  }  
  function hideGrpB()  
  {  
    document.getElementById("grpB").style.visibility="hidden";  
  }  

Also, auf Hochdeutsch: Ein Click auf GruppeA soll GruppeB aufpoppen lassen. Das funktioniert auch. Allerdings verschwindet GruppeB nicht erst, wenn die Maus GruppeB verlässt, sondern bereits, wenn sie GruppeA verlässt, und zwar ungeachtet dessen, ob sie dann inner- oder unterhalb von GruppeB ist.

GruppeA scheint irngwie den Eventhandler für onmouseout von GruppeB zu übernehmen.

Die Idee von phideGrpB() ('p' wie pseudo) ist, dass GruppeA vielleicht nicht den onmouseout-Event triggert, der GruppeB wieder schließt, wenn sie einen eigenen, expliziten Eventhandler zugewiesen bekommt. Funktioniert aber nicht.

Über Event-Bubbles etc. habe ich schon gelesen, aber das hier ist wohl etwas anderes, oder? Hat da jemand eine Idee?

Gruß und Danke im Voraus,
Jagged