change cursor style while calculating

michael_nrw · #1 Feb 9th 2005, 4:10 pm

Hi guys,
I have the following problem: If i check a checkbox, an onclick-event jumps into a javascript function, which needs 2-3 seconds before finishing a complex calculation. In this time-period i want to change the cursor style in the status 'wait' (sandbox). After calculation is finished, i want the cursor back in his default status (arrow). I tried many things, but nothing works, anyone can help?

thank you in advance, michael

for example a little javascript-progi:

<html><head><title>Test</title>

<script type="text/javascript">

function calc() {
var dummy = 0;

for (var i=0; i<1000000;i++) {
for (var z=0; i<1000000;i++) {
dummy = dummy + z + i;
}
}

}

</script>
</head><body>
<form name="Formular" action="">
<input type="checkbox" name="Test" value="Testvalue" onClick="calc()"> Only a test
</form>
</body></html>

exam · #2 Feb 9th 2005, 8:18 pm

Here you go, and free of charge

Code:

<html><head><title>Test</title>

<script type="text/javascript">

function cursor_wait() {
  document.body.style.cursor = 'wait';
}

function cursor_clear() {
  document.body.style.cursor = 'default';
}

function calc() {
  var dummy = 0;

  for (var i=0; i<1000000;i++) {
    for (var z=0; i<1000000;i++) {
      dummy = dummy + z + i;
    }
  }

  cursor_clear();
}

</script>
</head><body>
<form name="Formular" action="">
<input type="checkbox" name="Test" value="Testvalue" onMouseDown="cursor_wait()" onMouseUp="calc()"> Only a test
</form>
</body></html>

EDIT: For compatibility, instead of using:

Code:

document.body.style.cursor

do something like this:

Code:

  var cursor = 
     document.layers ? document.cursor :
     document.all ? document.all.cursor :
     document.getElementById ? document.getElementById('cursor') : null;

michael_nrw · #3 Feb 10th 2005, 5:11 am

perfekt....good trick with the onMouseDown-Event!

thank you very much, greetings from germany, bye michael

exam · #4 Feb 10th 2005, 1:10 pm

you're welcome

Skews Me · #5 Mar 2nd 2009, 11:55 am

I tried testing this on Firefox:

Code:

alert(document.layers ? document.cursor : document.all ? document.all.cursor : document.getElementById ? document.getElementById('cursor') : null);

alert(document.all);

alert(document.all.cursor);

The results, are "null", "...object...", "undefined"

I'm at a loss of how to gracefully create an element(s) with ID=cursor to change to a 'pointer' and then back to 'default'.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Can you change your Email address for Adsense?	hulkster	Guidelines / Compliance	6	Apr 26th 2007 6:32 pm
No change today	nevetS	Keyword Tracker	26	Feb 6th 2005 9:21 pm
site content change , but google ads not change complete .why?	heelz	Placement / Reviews / Examples	6	Jan 31st 2005 9:34 am
URL Change and Language Option	hoboseo	Co-op Advertising Network	2	Nov 30th 2004 7:55 am
Change order of keywords?	Geir	Keyword Tracker	2	Sep 20th 2004 7:56 am