2010年12月13日 星期一

loading 頁(導頁 轉址)的處理 (GIF LOGING 圖)

剛剛試一下的小心得

有些時候要做網站導頁、或是呼叫某個網址取值,會需要一段時間時

沒有做 loading 的動作就會卡白畫面或是讓使用者有當掉的錯覺

這時就要做 loading 的動作

ajax 可以輕鬆做到像是 .show 這種開關圖片

不過一般頁面做法可以單做一頁 loading 頁面

這頁就是純粹放張 loading 圖

然後導網址的方式我試了三種

1. 用 php 的方式導 header("Location: $location");

結果失敗,因為前面不能輸出,所以根本看不到 loading 頁面

2. HTML 經典的 <meta equiv="refresh" content="0;URL=xxx">

結果失敗,雖然頁面有出來,不過導過去的過程中頁面卡住,圖不會動了(我是放著會動的gif圖)

3.

<script language="JavaScript">
location.href= ('xxxxx');


<span style="font-weight:bold;">成功 :D 好像這樣整個頁面就會都讀出來而且也不會卡住,就可以一直 load 到另一頁完成導過去

沒有留言: