/*------------------------------------------------------------------------------*/ /* jquery.wbox.js */ /* ウェイトメッセージボックス表示用js */ /* ver.1.0 :2009.11.27 T.Katoh */ /* */ /* ※wboxフォルダごと配置 */ /* ※jquery.wbox.jsおよびjquery.wbox.cssをページ内で定義する */ /* ※wboxフォルダ内のspinner20.gifがないとデフォルト画像の表示に失敗する */ /*------------------------------------------------------------------------------*/ var WBopenDuration = 200; //表示速度 var WBcloseDuration = 200; //消去速度 var WBopacity = 1 //表示時透過率 /*--------------------------*/ /* WaitBox展開 */ /* Msg: 表示メッセージ */ /* mSec: 消去までの時間 */ /* imgSrc: 表示画像 */ /* imgWidth: 表示画像幅 */ /*--------------------------*/ function openwbox(Msg, mSec, imgSrc, imgWidth){ $("#JQWAITBOXDIV").remove(); var $imgTD = ""; var $blankTD = ""; var $MsgTD = ""; if(imgWidth == undefined) imgWidth = "auto"; if(imgSrc != ""){ if(imgSrc == undefined){ $imgTD = $("").append($("
").addClass("WBdefaultImage")); } else { $imgTD = $("").append($("").attr({src: imgSrc}).css({width: imgWidth})); } } if(Msg != undefined && Msg != ""){ if($imgTD != "") $blankTD = $("").append(" "); $MsgTD = $("").addClass("WBdefaultFont").append(Msg); } if($imgTD == "" && $MsgTD == "") $MsgTD = "  " $("
") .attr({id: "JQWAITBOXDIV"}) .addClass("WBbackgroundColor WBborderPadding WBzIndex") .css({position: "absolute", filter: "alpha(opacity=0)", "-moz-opacity": "0", opacity: "0"}) .append( $("
") .addClass("WBouterborderColor WBborderSpace") .append( $("
") .addClass("WBinnerborderColor WBinnerPadding") .append($("").append($("").append($imgTD).append($blankTD).append($MsgTD))) ) ) .appendTo("body") ; $("#JQWAITBOXDIV") .css({top: $(window).height() / 2 - $("#JQWAITBOXDIV").height() / 2, left: $(window).width() / 2 - $("#JQWAITBOXDIV").width() / 2}) .animate({opacity: WBopacity}, {duration: WBopenDuration}) ; if(mSec != undefined && mSec > 0) closewbox(mSec); } /*--------------------------*/ /* LinkWaitBox展開 */ /* Msg: 表示メッセージ */ /* URL: 遷移先URL */ /* imgSrc: 表示画像 */ /* imgWidth: 表示画像幅 */ /*--------------------------*/ function linkwbox(Msg, URL, imgSrc, imgWidth){ var flg = 0; var LoopFnc = ""; var CallBack = function(){ clearTimeout(LoopFnc); if (flg == 0) { openwbox(Msg, 10000, imgSrc, imgWidth); flg++; LoopFnc = setTimeout(CallBack, WBopenDuration + 100); } else { location.href = URL; } } LoopFnc = setTimeout(CallBack, 1); /* if(jQuery.browser.msie){ } else { location.href = URL; } */ return false; } /*--------------------------*/ /* WaitBox消去 */ /* mSec: 消去までの時間 */ /*--------------------------*/ function closewbox(mSec){ if(mSec == undefined) mSec = 0; var closeFunction = function(){ clearTimeout(closeFunction); $("#JQWAITBOXDIV").animate({opacity: 0}, {duration: WBcloseDuration, complete: function(){$("#JQWAITBOXDIV").remove();}}); } var closeTimer = setTimeout(closeFunction, mSec); }