OnmouseOver event call with some interval

@saro_gnFeb 19.2008

hi,
I use onmouseover and onmouseout events. When we mouseover in the text poopup menu is show. when we mouseout that popup menu is hide. But i want placed mouse pointer atleast one minute to the particular word then only it can display. other wise dont wat to display popup menu.

I used this feature with too many link in the same page. so, when the user just move the pointer then popup menus are populated often. So i want avoid that one.

I try with setTimeOut() method. But it’s not convenient.

Please any one help me find good solution.

Thanks.

to post a comment

JavaScript

@KorFeb 19.2008 — #It is setTime[B][COLOR="Blue"]o[/COLOR][/B]ut(). And why is it not convenient? After all it is the only way...

@saro_gnauthorFeb 19.2008 — #user remove mouse pointer before one second then also popup was called. when we placed pointer more then one second then only i need to populated menu. When i used setTimeOut() method that popup menu displayed after one second.

Just i mouseover entire page all popup's are displayed after one second.

@KorFeb 19.2008 — #Could be this of any help?

<i>
 </i>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  "http://www.w3.org/TR/html4/loose.dtd"&gt;
 &lt;html&gt;
 &lt;head&gt;
 &lt;title&gt;Untitled Document&lt;/title&gt;
 
 &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
 &lt;meta http-equiv="Content-Style-Type" content="text/css"&gt;
 &lt;meta http-equiv="Content-Script-Type" content="text/javascript"&gt;
 &lt;style type="text/css"&gt;
 .hidden {
 display:none;
 }
 &lt;/style&gt;
 &lt;script type="text/javascript"&gt;
 function showDiv(id){
 document.getElementById(id).style.display='block';
 }
 function hideDiv(id){
 document.getElementById(id).style.display='none';
 }
 function delayHide(id){
 setTimeout(function(){hideDiv(id)},2000)
 }
 &lt;/script&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;div onmouseover="showDiv('one')" onmouseout="delayHide('one')"&gt;Show div one&lt;/div&gt;
 &lt;br&gt;
 &lt;div onmouseover="showDiv('two')" onmouseout="delayHide('two')"&gt;Show div two&lt;/div&gt;
 &lt;br&gt;
 &lt;div id="one" class="hidden"&gt;hidden div one&lt;/div&gt;
 &lt;div id="two" class="hidden"&gt;hidden div two&lt;/div&gt;
 &lt;/body&gt;
 &lt;/html&gt;

OnmouseOver event call with some interval

3 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

OnmouseOver event call with some interval

3 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #JavaScript _↴