Note that there are some explanatory texts on larger screens.

plurals
  1. POI need to stop a DIV disappearing when I mouse over the link in the DIV
    primarykey
    data
    text
    <p>here is my complete code when i mouse over on popupcontact div it show the divtoshow div over it and it has one link of name rahul when i mouse over the link it hide the div name divtoshow. my div should hide when i mouseout not when i mouseover the link. please help asap.</p> <p>regards rahul</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"&gt; &lt;head&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="popupContact" style="position:absolute;left:100px;top:100px;width:100px;height:50px;background-color:orange;border:1px solid red ;"&gt; &lt;/div&gt; &lt;div id="divtoshow" style="display:none;background-color:green; border:1px solid black;width:200px;height:100px;position:absolute;"&gt; dsfdssd &lt;div&gt;&lt;a href="#"&gt;rahul&lt;/a&gt;&lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; &lt;script type='text/javascript'&gt; $(document).ready(function(){ var popup_pos=$('#popupContact').offset(); var timer; $("#popupContact").mouseover(function() { if(timer) { clearTimeout(timer); timer = null } timer = setTimeout(function() { console.log($("#VersionSelectField").is(':hidden')); if(!$("#VersionSelectField").is(':hidden')){ $("#divtoshow").css('position',"absolute"); $("#divtoshow").css('top',popup_pos.top-20); $("#divtoshow").css('left',popup_pos.left-20); $("#divtoshow").fadeIn(300); $("#popupContact").hide(); } }, 100); }); $("#divtoshow").mouseout(function() { if(timer) { clearTimeout(timer); timer = null } timer = setTimeout(function() { $("#divtoshow").fadeOut("slow"); $("#popupContact").show(); }, 1000); }); }); &lt;/script&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload