jspページにs:div ajaxがあります:
<s:div
theme="ajax"
delay="10000"
loadingText="Please Wait"
errorText="Problem in loading"
href="%{yearlyrequestedQuantity}">
</s:div>
これで、「お待ちください」テキストの代わりに画像をロードしたいと思います。
jspページにs:div ajaxがあります:
<s:div
theme="ajax"
delay="10000"
loadingText="Please Wait"
errorText="Problem in loading"
href="%{yearlyrequestedQuantity}">
</s:div>
これで、「お待ちください」テキストの代わりに画像をロードしたいと思います。
「ページが読み込まれるまで待つ」という画像を表示するには、次のことを行う必要があります。
ページが読み込まれるたびに、init()
関数が読み込まれます。
<body onLoad="init()">
loading
セクションの直後に名前を付けた div を定義します。
<div id="loading" style="position:absolute; width:100%; text-align:center;
top:300px;">
<img src="loading.gif" border=0></div>
loading.gif 画像は、ページがまだロード中であることを示唆するアニメーション GIF である必要があります。
div を定義した直後に、この JavaScript コードを配置します。
<script>
var ld=(document.all);
var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;
if (ns4)
ld=document.loading;
else if (ns6)
ld=document.getElementById("loading").style;
else if (ie4)
ld=document.all.loading.style;
function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}
</script>