Сохранять свойства кнопки после перезагрузки страницы

Question

Привет Я пытаюсь установить свойства кнопки в html при щелчке, а когда это не так, эти изменения отлично работают, когда страница не перезагружается. Я хочу сохранить свойства кнопки после перезагрузки страницы, o если была нажата кнопка, а затем страница была перезагружена, кнопка должна оставаться выбранной.

Я сделал этот пример в HTML, чтобы показать, что я получил

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

есть также сценарий изменение ведьмы IMG по щелчку мыши или двигаться (imgChange), но он не работает, как я необходимость.

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 решение

вызов Ajax на кнопку мыши, чтобы сохранить состояние кнопки в стороне сервера и на window.onload вызовите другой ajax, чтобы получить состояние со стороны сервера.