2011年12月23日金曜日

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

ブロガー(blogger)でクッキー(cookie)操作、その3です。 先日のサンプルを変更し、選択した果物を右下の別ウィンドウに表示するようにしてみました。う~ん、問題多し。とりあえず、力尽きて今日はここまで。

サイズ   S    M    L

数  




ソースはこちらです。
var sSaizudake = 'saizudake';
var sKazumo = 'kazumofukumu';
var sPath = '/';
var sDomain = 'programmer-jobs.blogspot.com';
var date = new Date();
date.setTime(date.getTime() + ( 86400 * 7 ));

$(function() {
   $("#fruitcart .button").click(function() {
      var sItem = $(this).attr("title") ;
      var kazu = $("#kazu").val();
      var ookisa = $("input[name=ookisa]:checked").val();
      var sInfo1 = sItem + ";" + ookisa + ":" + kazu + "|" ;
      var sInfo2 = sItem + ";" + ookisa + ":" ;
      addshopcart(sInfo1,sInfo2) ;
      shopcart() ;
   });

   $("#emptycart").click(function() {
      delshopcart() ;
      shopcart() ;
   });

   shopcart() ;
});

function shopcart()
{
   if ( jQuery.trim($.cookie(sSaizudake)) != "" && !jQuery.isArray($.cookie(sSaizudake)) ) 
   {
      if ( $.cookie(sSaizudake) != null )
      {
         arrSaizu = $.cookie(sSaizudake).split(',');
         arrKazu = $.cookie(sKazumo).split(',');
      }
   }
   if ( jQuery.trim($.cookie(sKazumo)) != "" )
   {
      sHTML = $.cookie(sKazumo) ;
      $.each( arrKazu, function(i, val) {
         sHTML = sHTML.replace(",", ""); 
         sHTML = sHTML.replace(";", "の"); 
         sHTML = sHTML.replace(":", "サイズを"); 
         sHTML = sHTML.replace("|", "個
"); }); $("#insidecart").html(sHTML) ; } else { $("#insidecart").html("") ; } } function addshopcart(sInfo, sName) { var arrSaizu = []; var arrKazu = []; if ( !jQuery.isArray($.cookie(sSaizudake)) ) { if ( $.cookie(sSaizudake) != null ) { arrSaizu = $.cookie(sSaizudake).split(','); arrKazu = $.cookie(sKazumo).split(','); } } if ( jQuery.inArray(sName, arrSaizu) >= 0 ) { var removepos; $.each( arrSaizu, function(i, val) { if( val == sName ) { removepos = i; } }); arrSaizu.splice(removepos,1); arrKazu.splice(removepos,1); } else { arrSaizu.push(sName); arrKazu.push(sInfo); } $.cookie(sSaizudake, arrSaizu, { path: sPath, domain: sDomain, expires: date }); $.cookie(sKazumo, arrKazu, { path: sPath, domain: sDomain, expires: date }); } function delshopcart() { var arrSaizu = []; var arrKazu = []; $.cookie(sSaizudake, arrSaizu, { path: sPath, domain: sDomain, expires: date }); $.cookie(sKazumo, arrKazu, { path: sPath, domain: sDomain, expires: date }); }

0 件のコメント:

コメントを投稿