Diskuse JPW: skrytí divu nad odkazem

	Autor	Zpráva
	voldík Profil *	#1 · Zasláno: 14. 11. 2013, 08:24:12 Odpovědět Citovat Ahoj, prosím o radu, V Jquery UI vytvořím treeviw - položky jsou odkazy. Pak vytvořím div <div id="dialog"> <a href="#" id="append">Přidat</a><br /> <a href="#" id="Oprav">Přejmenovat</a><br /> <a href="#" id="Zrus">Zrušit</a> <hr> <a href="#" id="k_append">Přidat podkategorii</a> </div> který je v css definován div#dialog{ position: absolute; padding: 0 5px 0 5px; z-index: 9999; background-color: rgb(255,255,153); line-height:1.1em; display: none; } Ve scriptu je když najedu na odkaz v treeview tak se zobrazí dialog - to funguje ok Nevím, jak mu v Jquery říc, aby skryl dialog, opustí-li myš div a jeho potomky a přitom ignoroval odkazy, kreré jsou pod divem. $("#browser a") .on("mouseover",function(e){ tree= $(this).attr("id"); var position = $(this).position(); $("#dialog").css("top", position.top+"px"); $("#dialog").css("margin-left", position.left+30+"px"); $("#dialog").show(); }) $("#dialog").mouseout(function(e){ $("#dialog").hide(); }) skyje div když najedu myší na jakýkoli odkaz. Dík za pomoc
	Časová prodleva: 10 let

Autor

Zpráva

voldík
Profil *

#1 · Zasláno: 14. 11. 2013, 08:24:12

Ahoj, prosím o radu,
V Jquery UI vytvořím treeviw - položky jsou odkazy.
Pak vytvořím div

<div id="dialog">
    <a href="#" id="append">Přidat</a><br />
    <a href="#" id="Oprav">Přejmenovat</a><br />
    <a href="#" id="Zrus">Zrušit</a>
    <hr>
    <a href="#" id="k_append">Přidat podkategorii</a>
</div>

který je v css definován

div#dialog{
    position: absolute;
    padding: 0 5px 0 5px;
      z-index: 9999;
    background-color: rgb(255,255,153);
   line-height:1.1em;
      display: none;
}

Ve scriptu je když najedu na odkaz v treeview tak se zobrazí dialog - to funguje ok
Nevím, jak mu v Jquery říc, aby skryl dialog, opustí-li myš div a jeho potomky a přitom ignoroval odkazy, kreré jsou pod divem.

    $("#browser a")
        .on("mouseover",function(e){
            tree= $(this).attr("id");
             var position = $(this).position();
             $("#dialog").css("top", position.top+"px");
             $("#dialog").css("margin-left", position.left+30+"px");
            $("#dialog").show();
        })

    $("#dialog").mouseout(function(e){
            $("#dialog").hide();
    })

skyje div když najedu myší na jakýkoli odkaz.
Dík za pomoc

Časová prodleva: 10 let

Vaše odpověď

Mohlo by se hodit