Solved

Javascript: OnMouseMove event problem

Posted on 2009-05-07
4
514 Views
Last Modified: 2012-05-06
I have a count down javascript to count down in a webpage. This count down timer will be reset once user move the mouse, however, when a msn,yahoo messager or any chat application alert appear, it will reset the count down timer. I just want the timer will reset if the user move the mouse. Below is the html code. Can i have your help.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
 

<head>

    <title>Testing</title>

	    <script type="text/javascript">

            var timeActivity;

            var seconds;

            document.d.d2.value='0';

            function start()

            {

                seconds=300;

                countDown();

                

	            document.documentElement.onmousemove = function() 

	            {

	                seconds = 300;

	                countDown();

	            }

            }
 

            function countDown()

            {

                 document.d.d2.value = seconds;

                 seconds-=1;

                 clearTimeout(timeActivity);

                 timeActivity = setTimeout("countDown()",1000) 

            }

            

            

	    </script>		

</head>
 

<body>

    <form name="d">

        <p><input type="text" size="8" name="d2"/></p>

        <input type="button" value="Start" name="Start" onclick="start()" />

    </form>

</body>
 

</html>

Open in new window

0
Comment
Question by:sawyih1
  • 2
  • 2
4 Comments
 
LVL 3

Accepted Solution

by:
janjerell earned 500 total points
ID: 24333581
Hello sawyih1,


you can try this code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 

<head>

    <title>Testing</title>

            <script type="text/javascript">

            var timeActivity;

            var seconds;

	    var isWindowActive = true;

window.onblur = windowBlurred;

window.onfocus = windowFocused;
 

function windowBlurred() { isWindowActive = false; }

function windowFocused() { isWindowActive = true; }
 

            document.d.d2.value='0';

            function start()

            {

                seconds=300;

                countDown();

                

                    document.documentElement.onmousemove = function() 

                    {

			if(isWindowActive == true)

			{

				//alert(isWindowActive);

                        	seconds = 300;

                        	countDown();

			}

                    }

            }

 

            function countDown()

            {

                 document.d.d2.value = seconds;

                 seconds-=1;

                 clearTimeout(timeActivity);

                 timeActivity = setTimeout("countDown()",1000) 

            }

            

            

            </script>           

</head>

 

<body>

    <form name="d">

        <p><input type="text" size="8" name="d2"/></p>

        <input type="button" value="Start" name="Start" onclick="javascript:start();" />

    </form>

</body>

 

</html>

            

            //
 

            //document.window.onblur = function () { alert('a');  isWindowActive = false; }
 

            //document.window.onfocus = function () { alert('a'); isWindowActive = true; }

             

Open in new window

0
 

Author Comment

by:sawyih1
ID: 24333684
Hi Janjerell,thanks for the help. But it works in html page, but it doesn't work correctly when i put inside aspx page. The timer still running after i switch back from other window.Do u have any idea?
0
 

Author Comment

by:sawyih1
ID: 24333777
sorry, it works fine, is my mistake. Thanks a lot.
0
 
LVL 3

Expert Comment

by:janjerell
ID: 24334135
Thanks... Glad to help...
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Microsoft Office Picture Manager was included in Office 2003, 2007, and 2010, but not in Office 2013. Users had hopes that it would be in Office 2016/Office 365, but it is not. Fortunately, the same zero-cost technique that works to install it with …
We need a new way to communicate time sensitive or critical info.   The best part of my role at xMatters is visiting our clients all over the world to learn about how they operate their businesses, share insights that xMatters has gleaned across…
Internet Business Fax to Email Made Easy - With eFax Corporate (http://www.enterprise.efax.com), you'll receive a dedicated online fax number, which is used the same way as a typical analog fax number. You'll receive secure faxes in your email, fr…
Hi friends,  in this video  I'll show you how new windows 10 user can learn the using of windows 10. Thank you.

895 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now