클릭하여 스타일 시트를 클릭하고 쿠키를 사용하십시오.

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.

쿠키를 사용하여 다음 페이지로 이동할 때 어떤 사용자가 하나의 쿠키를 선택했는지 알 수있는 방법을 찾아야합니다.

Answer 1

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

var newlink = document.createElement("style") 

Answer 2

에 당신이해야 할 일을 참조하십시오. 참조 된 스타일 시트가 존재하지 않고 cookie.js 파일도 로딩되지 않기 때문에 이것은 뻔뻔스럽게 작동하지 않습니다.

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

HTML 

는

CSS 

외부 스타일 시트는 REL = "대체 스타일 시트"를 제목 = "이 필요 스타일 시트를 선택합니다 select 문 또는 다른 방법을 필요로 ??? "

JavaScript 

사용 jQuery를 중 하나가 작동하지 않는 것 같습니다 요청