javascript collapse table cookie -


i came script collapse table

<script type="text/javascript"> var rowvisible = true; function toggledisplay(tbl) {    var tblrows = tbl.rows;    (i = 0; < tblrows.length; i++) {       if (tblrows[i].classname != "headerrow") {          tblrows[i].style.display = (rowvisible) ? "none" : "";       }    }    rowvisible = !rowvisible; } </script>      <div class="datagrid"><table id="thread_1"> <thead><tr class="headerrow">             <th width="100"><a href="#" onclick="toggledisplay(document.getelementbyid('thread_1'))" style="color: white">slo</a></th> 

it works fine problem want save state when person leaves website. guess easiest way cookie. haven't done before. how can that?

if don't need support, let ie7 can use browser localstorage.

// our flag determine if rows hidden or not var rowsvisible = localstorage.getitem('rowsvisible'),     // table handler     table = document.getelementbyid('table');  // "rowhidden" not exists in localstorage yet if (rowsvisible === null) {     rowsvisible = true; } else {    // localstorage return string     rowsvisible = rowsvisible === 'true' ? true : false; }  toggledisplay(table, rowsvisible ? '' : 'none');  document.getelementbyid('togglebtn').addeventlistener('click', function() {     toggledisplay(table); }, false);  function toggledisplay(tbl) {         var tblrows = table.rows,         mode = rowsvisible ? '' : 'none';      (i = 0; < tblrows.length; i++) {         if (tblrows[i].classname != "headerrow") {             tblrows[i].style.display = mode;         }     }      localstorage.setitem('rowsvisible', rowsvisible);     rowsvisible = !rowsvisible; }; 

demo: http://jsfiddle.net/sxaz4/36/


Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -