change cursor style while calculating

Wordpress Themes - Rome hotels - Debt Consolidation - Spanish Property - Debt Consolidation

View Full Version : change cursor style while calculating

michael_nrw

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

Feb 9th 2005, 8:18 pm

Here you go, and free of charge

<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:
document.body.style.cursor
do something like this:
var cursor =
document.layers ? document.cursor :
document.all ? document.all.cursor :
document.getElementById ? document.getElementById('cursor') : null;

michael_nrw

Feb 10th 2005, 5:11 am

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

thank you very much, greetings from germany, bye michael

exam

Feb 10th 2005, 1:10 pm

you're welcome :)

Skews Me

Mar 2nd 2009, 11:55 am

I tried testing this on Firefox:

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"

:confused: 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'.