在jsp页面中的s:div中加载图像

时间:2012-09-12 04:17:50

标签: ajax

我在jsp页面中有一个s:div ajax:

<s:div 
    theme="ajax" 
    delay="10000" 
    loadingText="Please Wait" 
    errorText="Problem in loading" 
    href="%{yearlyrequestedQuantity}">
</s:div>

在此我想加载图片而不是“请稍候”文字。

1 个答案:

答案 0 :(得分:0)

显示“等到页面加载”图像  你需要:

  1. 每次加载页面时都会加载init()函数。

    <body onLoad="init()">
    
  2. 在节之后定义一个名为loading的div。

    <div id="loading" style="position:absolute; width:100%; text-align:center;
    top:300px;">
    <img src="loading.gif" border=0></div>
    
  3. loading.gif图片应该是一个动画gif,表明页面仍在加载。

    1. 在定义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>