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.
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
de functie zelve:
wat niets verhelpt...
de div zelve zijn code:
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();
});
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);"
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 */
}
de div zelve zijn code:
Code:
<div id="addeventcontainer" style="position:absolute;display:none;z-index:9999;" >
... dropdowns textboxes....
</div>