Loans - eBay - Loans - 0 Credit Cards - Flights
PDA

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 :)