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; };
Comments
Post a Comment