切換Stylesheet的點擊，然後使用Cookies

Question

好吧，所以我基本上有一個HTML頁面，將有兩個圖像。用戶然後可以點擊其中一個圖像，它會帶你到下一頁。每張圖片將帶您到相同的下一頁，但取決於您選擇的那一張，它會更改顏色方案。

這

我用它的HTML：

<a href="LetterFromEditor.html" onclick="changeCSS('stylesheet1.css', 0);"><img class="cover" src="cover1.png" /></a> 
<a href="LetterFromEditor.html" onclick="changeCSS('stylesheet2.css', 0);"><img class="cover" src="cover2.png" /></a> 

這然後調用下面的腳本：

function changeCSS(cssFile, cssLinkIndex) 
{ 

    var oldlink = document.getElementsByTagName("stylesheet1.css").item(cssLinkIndex); 

    var newlink = document.createElement("stylesheet2.css") 
    newlink.setAttribute("rel", "stylesheet"); 
    newlink.setAttribute("type", "text/css"); 
    newlink.setAttribute("href", cssFile); 

    document.getElementsByTagName("head").item(0).replaceChild(newlink, oldlink); 
} 

然而，這似乎並沒有改變任何東西，它與一部開拓創新的一組保持其中stylesheet1。

我還需要找到一種方法來使用cookie，以便知道當您轉到下一頁時哪一個用戶選擇，而不是回到原來的位置。

Answer 1

var newlink = document.createElement("stylesheet2.css") 

到

var newlink = document.createElement("style") 

Answer 2

要看看你需要做什麼。這無意中無法正常工作，因爲引用的樣式表不存在，cookie.js文件也未加載。

http://jsfiddle.net/UKLQ8/1/

HTML 

需要選擇語句或其他方法來選擇樣式表

CSS 

的外部樣式表需要有相對=「交替樣式表」的標題=「??? 「屬性

JavaScript 

使用jQuery來處理請求