使用HTML5 localStorage存储用户突出显示的行
Storing user highlighted rows using HTML5 localStorage
我有一个javascript函数,每次用户突出显示一行到数组时添加一个表行id,然后当用户取消突出显示同一行时也从数组中删除相应的id。
每一行都有一个唯一的id字段。
我一直在尝试使用localStorage来记住用户在多个会话中突出显示的数组中的行,以便如果他们关闭浏览器并稍后回来,我可以从该数组中读取并自动突出显示先前突出显示的行。
我被困在如何得到它的localStorage部分记住数组从我的阅读localStorage,它不支持数组,只支持字符串。我所需要做的就是存储一个数字数组,以便在每次加载页面时从中读取。
var selectedTeams = [];
var teamIndex;
$('#leaderboard').on('click', 'tr', function() {
if($(this).hasClass('highlight')){
$(this).removeClass('highlight')
teamIndex = selectedTeams.indexOf(this.getAttribute('id'))
selectedTeams.splice(teamIndex,1)
}
else {
$(this).addClass('highlight')
selectedTeams.push(this.getAttribute('id'))
}
});
如果有什么建议,我将不胜感激。
欢呼
举个简单的例子,您可以这样做(Dave提到过)。
假设您已经完成了所有有效的localStorage功能检查。
var someArray = ['<tr><td>test 3</td></tr>','<tr><td>test</td></tr>','<tr><td>test 3</td></tr>']
window.localStorage.setItem('mySavedArray',JSON.stringify(someArray));
then to get it:
JSON.parse( window.localStorage.getItem('mySavedArray') );
相关文章:
- 如何在页面一侧的浮动框中显示用户脚本的输出
- 如何在同一页面上显示用户提交的数据
- 在谷歌地图上显示用户当前位置并更新
- 谷歌标记不显示用户定义的点
- 显示用户's在图像地图上的位置
- Javascript-使用Facebook登录,显示用户's成功登录后的个人资料图片
- 如何在地图上显示用户位置以及我的标记
- 如何使用“地图”在谷歌地图上显示用户位置;onclick”;作用
- 使用PHP显示用户输入
- 在文本区域中的文本中显示用户选择的文本
- 显示用户选择的文本
- 打开 d3 树布局,通过在搜索框中键入 request 来显示用户搜索的节点
- 如何显示用户在标签中写入的输入文本
- 显示用户选择中的某些表行
- Javascript 显示用户输入
- 如何显示用户使用文本区域的日期和时间(单击时与本地存储一起保存)
- 在提交表单之前显示用户端错误
- 显示用户选择
- Javascript函数显示用户输入数组
- 隐藏/显示用户列组的菜单项