2011年12月19日月曜日

ブロガー(blogger)でクッキー(cookie)操作 その2

ブロガー(blogger)でクッキー(cookie)操作、その2です。先日のサンプルに、サイズと数の選択肢を追加してみました。なんという自己満足。でも、やると決めたから、最後まで頑張ります。

サイズ   S    M    L

数  






ソースはこちら。
$(function(){
    var sCookie = 'fruitcookie';
    var sInfo = 'fruitinfo';
    var sPath = '/';
    var sDomain = 'programmer-jobs.blogspot.com';
    var date = new Date();
    date.setTime(date.getTime() + ( 86400 * 7 ));
    var arr = [];
    var aif = [];
    $(".button").click(function() {
        var kazu = $("#kazu").val();
        var ookisa = $("input[name=ookisa]:checked").val();
        var pos = $(this).attr("title") ;
        var info = $(this).attr("title") + ";" + ookisa + ":" + kazu + "|" ;
        if ( jQuery.inArray(pos, arr) >= 0 ) 
        {
            var removepos;
            $.each( arr, function(i, val) {
               if( val == pos ) {
                  removepos = i;
               }
            });
            arr.splice(removepos,1);
            aif.splice(removepos,1);
        } else {
            arr.push(pos);
            aif.push(info);
        }
        $.cookie(sCookie, arr, { path: sPath, domain: sDomain, expires: date });
        $.cookie(sInfo, aif, { path: sPath, domain: sDomain, expires: date });
        sHTML = $.cookie(sInfo) ; 
        $.each( arr, function(i, val) {
            sHTML = sHTML.replace(",", ""); 
            sHTML = sHTML.replace(";", "の"); 
            sHTML = sHTML.replace(":", "サイズを"); 
            sHTML = sHTML.replace("|", "個
"); }); $("#cookiepresent").html(sHTML) ; }); $("#nofruit").click(function() { arr = [""]; aif = [""]; $.cookie(sCookie, arr, { path: sPath, domain: sDomain, expires: -1 }); $.cookie(sInfo, aif, { path: sPath, domain: sDomain, expires: -1 }); $("#cookiepresent").html($.cookie(sInfo)) ; }); });

0 件のコメント:

コメントを投稿