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

2013年6月27日更新 view: 721 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. 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
  1. その他

コロ助

web関連の記事や制作系の記事をどんどんまとめていきます。 宜しくお願いします!

ピックアップ

パソコン・ソフトウェア ランキング

10月29日 ( 水 ) にアクセスが多かった記事はこちら!