شيما دهباشي

شركت رادكام
34 - پیام , 597 - نظر

افزودن loading به ابتدای صفحه

گاهی اوقات پیش می آید که به علت سنگینی سایت از "Loading" نمایش دهید . برای این کار می شه از این روش استفاده کرد که یک <div> در صفحه قرار می دیم و در ابتدای لود شدن صفحه اون رو نمایش می دیم . پس از اتمام لود شدن صفحه ، این <div> رو بر می داریم :

 <div id="loading" align="center" style="background:#E4E4E4;VISIBILITY:  hidden;POSITION:absolute;TEXT-ALIGN:center;">
<table cellpadding="0" border="0" width="100" align="center" height="100">
    <tr>
     
<td><img src=loading.gif></td>
    </tr></table>
</div>

 <script type="text/javascript">
function ap_showWaitMessage(div,flag)
{
      var x = document.getElementById(div).style;
      x.visibility = (flag) ? 'visible':'hidden'
      x.right = (screen.availWidth - 800)/2 ;
     x.top = 115;
     return true;

</script>

 <div id="loading" align="center" style="background:#E4E4E4;VISIBILITY: hidden;POSITION:absolute;TEXT-ALIGN:center;">
  <table cellpadding="0" border="0" width="778" align="center" height="600">
    <tr>
        <td align="center"><img alt="Loading...Please Wait!" src="loading.gif"></td>
    </tr>
  </table>
</div>

و در ابتدای لود شدن صفحه<div> را نمایش داده : 

<script>
    ap_showWaitMessage('loading', 1);
</script>

و در انتها  آن را invisible می کنیم .

<script>
    ap_showWaitMessage('loading', 0);
</script>

ارسال شده در تاریخ ۲۱ اردیبهشت ۱۳۸۴ - 7:47 عصر

نظرات

# پاسخ به: افزودن loading به ابتدای صفحه  

جواب نمی دهد
برام توضیح دهید که کجای وبلاگ بگذارم
۳۰ اردیبهشت ۱۳۸۵ - 1:13 صبح | ehsan

ارسال نظرات

عنوان:  
نام:  
آدرس الکترونیکی:
زبان:
توضیح:  
لطفا متن مقابل را در زیر وارد کنید
(کوچک یا بزرگ بودن حروف مهم نیست)