閲覧履歴を管理したい。
今回は、javascriptのみで行う。
<script src="/js/store/store.everything.min.js"></script>
<script>
$(function () {
screen_name = '<?=$res->screen_name;?>';
img = '<?=$res->profile_image_url_https;?>';
// 履歴情報をすべてリセット
// store.remove('rireki');
// 履歴情報があるか取得
rireki = store.get('rireki');
// 現在のページと異なる履歴があればすべて読みだし
data = [];
$.each(rireki,
function(i, v) {
if(v.name != screen_name){
data.push(v);
}
}
);
show_rireki = "";
// 履歴を逆順にして格納
tmp_data = data.reverse();
$.each(tmp_data,
function(i, v) {
show_rireki += "<a href='/p/"+v.name+"/'>" + v.name + "</a><br>";
}
);
// 履歴を表示
$("#eturan_rireki").html(show_rireki);
// 最新の履歴を格納
data.push(
{
name: screen_name,
img: img,
},
);
store.set('rireki',data);
// クリックで履歴をリセット
$(document).on('click', '#rireki_reset', function() {
store.remove('rireki');
$("#eturan_rireki").html("リセットしました");
});
});
</script>
<div id="eturan_rireki">
</div>
<a id="rireki_reset">履歴をリセット</a>
また時間ある時まとめます。