カンタン3分。
記事を投稿するだけでお金が貰える!

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

566view


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

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

2013年06月27日
記事を書いて高額報酬 [jquery]javascriptに関する記事を書いてみましょう

記事を書く