2012-12-04 102 views
0

這裏有一個網頁我有要求的用戶選擇,他們會用什麼樣的輪廓jQuery Mobile的,如何啓動按鈕會話點擊

<div data-role="page" id="profile" data-content-theme="a"> 
<div data-role="content"> 
<center> 
<font size="6"> 
<br>Select Profile<br><br> 
</font> 
<img src="images/logo.png" width="70%"> 
</center> 
<a href="#main" data-role="button" style="position:absolute; bottom:85px; width:90%;">Guest</a> 
<a href="#main" data-role="button" style="position:absolute; bottom:25px; width:90%;">Enthusiast</a>   
</div> 
</div><!-- /page profile select --> 

兩個按鈕導致相同的頁面,但是,根據在選擇的個人資料上,我需要在另一個網頁上進一步介紹更詳細的信息。我想過使用cookie來存儲用戶選擇的信息,然後一旦他們選擇訪問信息頁面,就會檢查他們的個人資料並給他們適當的信息。雖然我不知道如何開始。我雖然我不得不使用一些PHP代碼,但我一直無法讓這些按鈕做任何事情。我如何讓他們存儲一些我以後可以在信息頁面中查看的變量?

回答

1

設置cookie是解決這個問題的好方法。您可以使用Javascript創建和讀取Cookie - 閱讀以下內容以瞭解如何操作:http://www.w3schools.com/js/js_cookies.asp

在您的特定情況下,爲兩個按鈕連接「單擊」事件處理程序,並使其具有處理程序:

  • 檢查現有的cookie。如果有一個,寫對應於該被點擊

  • 如果沒有一個現有的Cookie按鈕的屬性,創建一個,然後屬性

然後,當後來頁面加載,你可以有一個JavaScript函數,讀取Cookie信息,並隱藏或使額外的內容可見

+0

是的,我只是想我可以使用JavaScript,因爲我所有的網頁都在同一個HTML文件,所以它應該是輕鬆訪問變量並在點擊按鈕時進行更改。但後來我不知道如何顯示不同的頁面取決於所選擇的配置文件。 – Ivan

+0

這是一個完全不同的頁面,您想要顯示一個選項或一些更詳細的信息(但在同一頁面上),而另一個更少? –

+0

相同的頁面,但對於發燒友個人資料更詳細 – Ivan