jquery cookie 最近見たコンテンツを表示

2013年6月27日更新 view: 738 view

最近見たコンテンツを表示する

DMMのサイト等で、最近あなたが見たビデオみたいなコンテンツがある。
それを jquery cookie を利用して実現する。

スポンサードリンク

下準備

http://www.matomater.com/443/

を準備する。

コード

<script type="text/javascript">

//現在表示しているホストのID
var host_id = '77';

//重複履歴を削除
function unique(array) {
 var storage = {};
 var uniqueArray = [];
 var i,value;
 for ( i=0; i<array.length; i++) {
 value = array[i];
     if (!(value in storage)) {
      storage[value] = true;
         uniqueArray.push(value);
     }
}
return uniqueArray;
}    
        
$(function() {
  
    if($.cookie("checkRireki")){
        
     checkRireki = $.cookie("checkRireki");
     checkRireki = $.parseJSON(checkRireki);//jsonを配列に
    
    } else {
     checkRireki = new Array();
    }
    
    key = $.inArray(host_id, checkRireki);
    if(key != -1){
        index = key-1;
        checkRireki.splice(key,1);
    }
    
    
    checkRireki.push(host_id);//履歴を追加
    checkRireki = unique(checkRireki);//重複履歴は削除
    checkRireki = checkRireki.slice(-5);//過去5件までを表示
    
    
    $.cookie("checkRireki",$.stringify(checkRireki), { expires: 700000000 , path: '/' });
    
    show_ids = checkRireki.reverse();
    alert(show_ids);//これが履歴

});


</script>

こんな感じでできます。

cookieを扱うのでクッキーがバグると全てバグります。
なので、うまくいかないばあいはクッキーを別名に変更するなどしてね。

スポンサードリンク

関連記事

関連カテゴリ

  1. パソコン・ソフトウェア
  2. web
  3. プログラム
  4. javascript
  5. jquery
  1. ニュース・ゴシップ
  2. ネットで話題
  1. パソコン・ソフトウェア
  2. web
  3. プログラム
  4. javascript
  5. node.js
  1. パソコン・ソフトウェア
  2. web
  3. サーバー
  4. さくらサーバー
  1. パソコン・ソフトウェア
  2. web
  3. google
  4. analytics
  1. ニュース・ゴシップ
  2. 事件・事故
  1. パソコン・ソフトウェア
  2. web
  3. google
  4. adsense