js产品比较代码

通过js javascript对cookie进行操作记录，然后对产品进行对比。
本代码用到jquery。请确认有jquery 整体代码如下: 在线测试：www.forasp.cn/test/201142118234539000.html
<script language="javascript">
$(function(){
    var show_div = $("<div id='forasp_list'></div>");
 $("body").append(show_div);
 $("#forasp_list").css({position:"relative",width:"200px",height:"auto",border:"solid thin #000 1px;"}).offset({top:100,left:300}).hide();
 $(window).scroll(function(){move();});
});
function add(pid,name){//内容用#分割，内容组用","分割
 //alert(unescape(escape(name)));
 var max_num = 4;
 var c_str = get_ck();
 var c_str_ = "";
 var t_c_arr = new Array();
 var t_c_arr_ = new Array();
 var flag = true;
 show();
 if(c_str.indexOf("#")==-1){
  c_str_ = pid+"#"+escape(name);
 }else{
   t_c_arr = c_str.split(",");
   var t_c_num = t_c_arr.length;
   for(var i=0;i<t_c_num;i++){
   t_c_arr_ = t_c_arr[i].split("#");
   if(pid==t_c_arr_[0]){alert("已经添加该产品!");show();flag=false;break;}
   c_str_ = c_str_+t_c_arr_[0]+"#"+t_c_arr_[1]+",";
   }
 if(!flag)return;
 if(t_c_num>=max_num){alert("最多比较四个产品");return;}
 c_str_ = c_str_+pid+"#"+escape(name);
  }
set_ck(c_str_);
show();
}
function del(pid){
   var c_str = get_ck();
   var c_str_="";
   if(pid==0){//如果是全部清空
     c_str_ = "";
   }else{
   c_str = get_ck();
  
  if(c_str!=""){
   t_c_arr = c_str.split(",");
      for(var i=0;i<t_c_arr.length;i++){
  var t_c_arr_ = t_c_arr[i].split("#");
   if(pid!=t_c_arr_[0])c_str_ = c_str_+","+t_c_arr_[0]+"#"+t_c_arr_[1];
   }
   if(c_str_!="")c_str_=c_str_.substr(1,c_str_.length-1);
  }
 }
 set_ck(c_str_);
 set_htmlin();
}//原载于:学习www.网for站asp制.cn作
function set_htmlin(){
  var html_="";
   c_str = get_ck();
   $("#forasp_list").html("");
   if(c_str!=""){
   t_c_arr = c_str.split(",");
   t_c_num = t_c_arr.length;
   for(var i=0;i<t_c_num;i++){
 t_c_arr_ = t_c_arr[i].split("#");
 html_+=unescape(t_c_arr_[1])+"---<a href='#' onclick='del("+t_c_arr_[0]+")'>删除</a><br>";
    }
   }
    html_+="<br><a href='#' onclick='compair()'>比较</a> <a href='#' onclick='del(0);'>清空</a> <a href='#' onclick='hid();'>隐藏</a>";
   $("#forasp_list").html(html_);
}
function show(){
 set_htmlin();
 $("#forasp_list").show();
}
function hid(){
 $("#forasp_list").hide();
}
function move(){//www.forasp.cn原创
 var scrollPos;
if(typeof window.pageYOffset!="undefined")
{
scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != "undefined" && document.compatMode != "BackCompat")
{
scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != "undefined")
{
scrollPos = document.body.scrollTop;
}
var obj =$("#forasp_list");
var op = obj.position().top;
obj.offset({"top":100+scrollPos});
show();
}
function get_ck(){
 var temp = document.cookie;
 if(temp.indexOf("foraspcn_=")!=-1){
 return temp.split("foraspcn_=")[1];
 }else{
  return "" ;
 }
}
function set_ck(temp){
 var date=new Date();
  if(temp!=""){
 date.setDate(date.getDate()+1);
 document.cookie="foraspcn_="+temp+"; expires="+date.toGMTString();
 }else{
 date.setDate(date.getDate()-1);
 document.cookie="foraspcn_="+temp+"; expires="+date.toGMTString();
 }

}function compair(){
   var c_str = get_ck();
   var c_str_="";
    if(c_str==""){alert("至少两个选项！");return;}
  t_c_arr = c_str.split(",");
  if(t_c_arr.length<=1){alert("至少两个选项！");return;}
      for(var i=0;i<t_c_arr.length;i++){
  var t_c_arr_ = t_c_arr[i].split("#");
   c_str_ = c_str_+","+t_c_arr_[0];
   }
 window.open("?"+c_str_);
}
</script>