Keep Button Eigenschaften nach dem Neuladen der Seite

Question

Hallo Ich versuche Button-Eigenschaften in HTML zu setzen, wenn es geklickt wird und wenn es nicht ist, funktioniert diese Änderungen gut, wenn die Seite nicht neu geladen wird. Ich möchte die Eigenschaften der Schaltfläche nach dem Neuladen der Seite beibehalten, o Wenn die Schaltfläche geklickt wurde und die Seite neu geladen wurde, muss die Schaltfläche ausgewählt bleiben.

Ich habe dieses Beispiel in HTML gemacht zu zeigen, was ich

<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> 

gibt es auch ein Skript Hexe Änderung img auf Klick oder Maus bewegen (imgChange) haben, aber es hat nicht funktioniert, wie ich brauchen.

Answer 1

Verwenden Sie die Variable localstorage, und legen Sie sie als wahr oder falsch fest. http://www.w3schools.com/html/html5_webstorage.asp

U kann die Variable in Javascript setzen und an das HTML binden.

Answer 2

Schauen Sie, es gibt zwei Lösungen dafür; 1.client Seiten Lösung 2.server Seiten Lösung

1.client Seiten Lösung

ein. Verwenden Sie localStorage oder sessionStorage, z. B.

Betrachten Sie Ihre HTML;

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

Nun ist die JS:

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

Und auf Dokument Last

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

2.server Seiten Lösung

Anruf Ajax auf die Schaltfläche klicken Zustand in Server-Seite zu speichern und auf window.onload einen weiteren Ajax aufrufen, um den Status von der Serverseite zu erhalten.