Archief - event bubbling triggered door aspdropdown

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

bluetorch002

Legacy Member
Ik zit met hetvolgende probleem, ik wil een popup maken die een paar opties toont om iets in de DB te inserten, allemaal geen probleem

ik klik op een locatie en men div wordt netje getoond. Nu wil ik als ik uit de div ga, deze div hiden. Hiervoor gebruik ik de mouseleave van jquery.
Code:
   $('#addeventcontainer').mouseleave(function() {
          hidetooltip();
   });
de hidetooltip functie werkt want deze wordt ook aangeroepen door een Xje dat in de tooltip staat om het te hiden..

ook wordt dit goed getriggered mits ik met firebug het getest heb met de console write. enkel dat als ik een dropdown aanklik en ik selecteer 1 van de items , dan wordt de event getriggerd voor het hiden, ook al gebruik ik de jquery shizzle die de bubbling zou moeten tegen houden ...

overal op het net vind ik voorbeelden die erg simplistisch zijn met een div in een div, dit lukt me ook.... maar nergens iets waarbij er een dropdown in de div zit ...

ik heb al geprobeerd de asp:dropdown te vervangen door een html dropdown, zelfde resultaat ...

ik heb in de codebehind , bij elke dropdown het volgende gezet:
PS: ik gebruik VB.NET
Code:
        ddlOpleidingtype.Attributes("onchange") = "StopBubble(event);"
de functie zelve:
Code:
function StopBubble(e) {
    /* http://www.quirksmode.org/js/events_order.html */
    if (!e)
        e = window.event;

    e.cancelBubble = true; /* Microsoft */
    if (e.stopPropagation)
        e.stopPropagation(); /* W3C */
}
wat niets verhelpt...

de div zelve zijn code:

Code:
<div id="addeventcontainer" style="position:absolute;display:none;z-index:9999;" >

... dropdowns textboxes....


</div>

bluetorch002

Legacy Member
ik heb even outside the box gedacht, (hahaaaaa)
en een div rond men popup gezet, deze een zindex lager gegeven
en onmouseover hidetooltip gedaan, dit werkt prima.....
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan