橫跨多個頁面的加載欄

我有一個需要合併進度條的場景。（這不是問題）。問題出現在這裏：橫跨多個頁面的加載欄

這個進度條需要在不同的頁面調用中繼續，直到我點擊特定的頁面。

因此，基本上，它看起來是這樣的：

HTML

<div id="processing_overlay"> 
    <div class="abs">#labelProcessing#<br> 
    <img src="/defaultStyles/images/transparent-ajax-loader.gif"> 
    </div> 
</div>

腳本

<script> 
    $('##processing_overlay').show(); 
    setTimeout(function() { $('##processing_overlay').hide(); }, 5000); 
</script> 
<cfinclude template="/nextpage">

所以基本上，當它進入下一個頁面，進度條將需要繼續。我已經搜索了任何可能獲得此權利，但沒有任何成功的高和低。

任何想法，我怎麼可能解決這個問題？

感謝

來源

2012-11-20 user1839253

你必須使用某些東西來跨頁傳遞進度條百分比。最快最簡單的方法就是設置一個cookie並在頁面離開前更新它以進入下一頁。然後在進度條完成後清除它。 – Magicmarkker

酒吧是一個gif圖像嗎？看看代碼，它看起來像這樣。如果是這種情況，那麼你可以有n個gif圖像，每個gif圖像從基於頁碼的不同起始點開始。像第1頁一樣，gif將從0-100開始，第2頁25-100，第3頁40-100開始，依此類推。如果您使用的是基於div的加載欄，那麼您必須通過cookie或GET參數傳遞每個頁面的起始點。 – Blueboye

因此，當它改變時存儲值[cookies/localstorage]。當頁面加載時，設置開始值。 – epascarello

如果加載欄參考的頁數在處理其他更簡單的方式做到這一點是這樣的：

Page1.cfm

<cfset session.totalPages = 5> 

<cfset currentPage = 1> 

<div width="100%"> 
    <div width="#round(currentpage/session.totalPages)#%"></div> 
</div>

Page2.cfm

<cfset currentPage = 2>

等等。您必須適當地設置div的樣式才能看到加載條的正確外觀。

來源

2012-11-20 23:07:02 BKK

謝謝你的貢獻。我已經成功地完成了這項工作。 – user1839253

橫跨多個頁面的加載欄

回答

相關問題