閲覧履歴を管理したい。
今回は、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>




また時間ある時まとめます。

Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.