jsマスクプログレスバー（画像と組み合わせたもの）_javascriptスキル

/********************
** js マスク進行状況バー (写真)
** dingzh@jstrd.com
** 2009-12- 03
************************/

/ /Web ページを無効にする back
window.history.forward(1);
document.attachEvent("onkeydown",docKeyDown);
function docKeyDown() {
//バックスペース削除をシールドしますkey
if (window.event.keyCode == 8) {
if(window.event.srcElement.type != "text"
&& window.event.srcElement.type != "textarea"
&& window.event.srcElement.type != "パスワード") {
window.event.keyCode = 0x0;
return
} else if(window.event.srcElement.readOnly) {
window.event.keyCode = 0x0;
return false;
}
}
}


//読み込み進行状況バー
var process_submit_doing = false ;
try {
window.attachEvent("onload",doBodyLoad);
//document.attachEvent("onclick",doProcess);
window.attachEvent("onbeforeunload",doWinLoad);
} catch(e) {
document.addEventListener("onclick",doProcess,false);
window.addEventListener("onbeforeunload",doWinLoad,false);
//
function doBodyLoad() {
var obj;
var vInput=document.getElementsByTagName("INPUT");
for(var i in vInput) {
obj=vInput[i];
if(obj.type=="button" || obj.type=="submit") {
obj.attachEvent("onclick",doProcess)
}
}
vInput=document .getElementsByTagName("IMG");
for(var i in vInput) {
obj=vInput[i];
if(未定義 != obj.alt) {
obj. attachEvent(" onclick",doProcess);
}
}
}
//
function doWinLoad() {
process_submit_doing = true;
function doProcess() {
//送信中かどうか
if(!process_submit_doing) {
return;
}
//
var showProcess = false; 🎜>//イベントソースのキャプチャ
vareventObj =event.srcElement;
var btnvalue = "";
if(eventObj.tagName=='INPUT') {
btnvalue =eventObj.value;
} else if(eventObj.tagName=='IMG') {
if(null !=eventObj.alt && "" !=eventObj.alt) {
btnvalue =eventObj.alt; } else {
btnvalue =eventObj.title;
}
}
btnvalue = btnvalue.replace(/ */g,"").replace(/ */g,""); 🎜>//
var my_array = new Array();
my_array.unshift("送信"、"確認"、"保存"、"一時"、"チェックアウト"、"レビュー"、"承認"、 「無効」、「返品」、「返品」、「拒否」、
「返金」、「キャンセル」、「インポート」、「承諾」、「処理」、「処理」、「照会」、「保管」 , "受信アカウント", "送信アカウント", "送信アカウント");

for (i = 0; i if(new RegExp(my_array[i ], "ig").test(btnvalue)) {
showProcess = true
}
}

//alert(showProcess); /いいえ進行状況バーを表示しません
if(!showProcess) {
return;
}
//
createProcessBgDiv();
}


function nocontextmenu ()
{
event.cancelBubble = true
event.returnValue = false;
return false;
}
関数 norightclick()
{
if (イベント.button == 2 || イベント.ボタン == 3)
{
event.cancelBubble = true
event.returnValue = false;
return false; 🎜>
//ページマスク
function createProcessBgDiv()
{
var h=document.body.scrollHeight;
var w=document.body.scrollWidth; document .createElement("

");
//div.appendChild(document.createTextNode("xxxxxxxxxxxxxxxxxxxxx"));
div. appendChild (document.createElement(""));
document.body.appendChild(div) ) ;
document.body.appendChild(document.createElement("

"));

//マウスの右ボタンをシールドします。
document.oncontextmenu = nocontextmenu; // IE5 の場合
document.onmousedown = norightclick; // その他すべての場合
}
/*function delProcessBgDiv()
{
document.body .removeChild( document.getElementById("divProcessBg"));
document.onmousedown = null
} */