別に要件でしなければならない訳じゃなくって、ちょっと自分で動かしててどうかな?と思った程度なんだけどね。
tatsuのアドバイスを基に改造してみた。
submitするタイミングで、下記のchangeMouseCursor(true)を呼び出すことでOKに。
但し、onreadystatechangeってイベントがIEのみっぽい(IE6SP2で確認、Firefox2.0.0.13はNG)。
【JavaScript】
// flg // true:カーソルを砂時計にする // false:カーソルを通常にする function changeMouseCursor(flg) { var bodyCursor = ""; var aClassName = "link"; var buttonClassName = "button"; if (flg == true) { bodyCursor = "wait"; aClassName = "linkWait"; buttonClassName = "buttonWait"; } // ページ全体のマウスカーソルを変更する document.body.style.cursor = bodyCursor; for ( var i = 0 ; i < document.all.length ; i++ ) { var e = document.all(i); var tag = new String(e.tagName).toLowerCase(); if (tag == "a") { // リンクのマウスカーソルを変更する e.className = aClassName; } else if (tag == "input") { var typ = new String(e.type).toLowerCase() if ((typ == "submit") || (typ == "button")) { // ボタンのマウスカーソルを変更する e.className = buttonClassName; } } } }
【HTML】
<script type="text/javascript"> document.onreadystatechange = function () { changeMouseCursor(false); } </script>