페이지 새로 고침 후 단추 속성 유지

Question

안녕하세요, 클릭 할 때 html의 단추 속성을 설정하려고 할 때 페이지가 다시로드되지 않을 때 해당 변경 사항이 제대로 작동합니다. 페이지를 다시로드 한 후에도 단추 속성을 유지하려고합니다. o 단추를 클릭 한 다음 페이지를 다시로드하면 단추를 계속 선택해야합니다.

나는 내가 거기에 클릭 또는 마우스 이동 (imgChange)에서 스크립트 마녀 변화 IMG이기도하지만 내가 같이하지 작업을 수행

<button id="btntext" class="k-button" onclick="clickEvent(this.id, 't2')" onmousemove="imgChange(this.id, 't2', 't')" onmouseout="imgChange(this.id, 't','t2')"><img id= "icon" class="k-image" alt="text" src="../images/t2.png" style="width: 30px; height: 30px; vertical-align:inherit" hspace="7"/>Text</button> 

를 가지고 무엇을 보여주기 위해 HTML에서이 예제를했습니다 필요한 것.

Answer 1

localstorage 변수를 사용하고 true 또는 false로 설정하십시오. http://www.w3schools.com/html/html5_webstorage.asp

U는 javascript에서 변수를 설정하고 html에 바인드 할 수 있습니다.

Answer 2

거기에는 두 가지 해결책이 있습니다. 1.client 사이드 용액 2.server 사이드 용액

1.client 사이드 용액

을 수행합니다. localStorage 또는 sessionStorage를 사용하십시오 (예 :

).

html; 이제

<button id="somebutton" style="color:red" onclick=click()>Some Button</button> 

JS :

function click(){ 
     $("#somebutton").css("color","green"); 
     localStorage.setItem("btncolor","green"); 
} 

그리고 문서로드에

window.onload=function() 
{ 
     $("#somebutton").css("color",localStorage.getItem("btncolor")); 
} 

2.server 측 솔루션

버튼을

전화 아약스 서버 측에서 버튼의 상태를 저장합니다 그리고 window.onload에서 다른 Ajax를 호출하여 서버 측에서 상태를 가져옵니다.