Сохранять состояние переключения после перезагрузки файла php в div?

Question

У меня есть файл PHP, который анализирует таблицу и загружается в DIV:

<div id ="videprinter"> 
    <script type="text/javascript"> 
    $(function(){ 
     function load(){ 
     $("#videprinter").load("videprinter.php") 
     setTimeout(css, 3000);; 

    } 
    load(); 
    setInterval(load,60000); 
    }); 
    </script> 
</div> 

Я тогда кнопка, которую можно нажать, чтобы скрыть все строки таблицы, которые не содержат слово «Према».

<input type='button' id='hideshowleagues' value='Hide Foreign Leagues'> 

jQuery('#hideshowleagues').live('click', function(event) {   
     $("#videprinter table tbody tr:not(:contains('PREM'))").toggle(); 
    }); 

У меня есть набор интервал 60 секунд, чтобы перезагрузить файл PHP, однако каждый раз, когда он перезагружается состояние переключения сбрасывается и строки, которые не содержат «ПРУТ» отображаются снова. Как я могу сохранить состояние переключения при перезагрузке файла php без перезагрузки всей страницы?

спасибо.

Answer 1

Чтобы следить за комментарием Дерека, вы можете использовать скрытое поле или глобальную переменную на странице для отслеживания статуса переключения. Затем измените код в videprinter.php, чтобы посмотреть на параметр URL и результаты фильтрации, основанные на параметре url. var tracktoggle = "no";

//on your click event code toggle the variable 
    jQuery('#hideshowleagues').live('click', function(event) {   
    $("#videprinter table tbody tr:not(:contains('PREM'))").toggle(); 
    if (tracktoggle == "no") { 
     tracktoggle = "yes"; 
    } 
    else { 
     tracktoggle = "no"; 
    } 
}); 

//in your load function add parameter to videprinter.php 
$(function(){ 
    function load(){ 
    if (tracktoggle == "yes") { 
     $("#videprinter").load("videprinter.php?loadprem=yes"); 
    } 
    else { 
     $("#videprinter").load("videprinter.php?loadprem=no"); 
    } 
    setTimeout(css, 3000);; 

}