javascript 页面对比

<script language="javascript">
 function readCookie(name)
 {
  var cookieValue = "";
  var search = name + "=";
  if(document.cookie.length > 0)
  {
   offset = document.cookie.indexOf(search);
   if (offset != -1)
   {
   offset += search.length;
   end = document.cookie.indexOf(";", offset);
   if (end == -1) end = document.cookie.length;
   cookieValue = unescape(document.cookie.substring(offset, end))
   }
  }
  return cookieValue;
 }

 function writeCookie(name, value)
 {
  var expire = "";
  expire = new Date((new Date()).getTime() + 1*3600000);
  expire = "; expires=" + expire.toGMTString();
  document.cookie = name + "=" + escape(value) + expire + "; path=/;";
 }
 
 function insertck(obj,names)
 {
  if(obj.checked)
  {
   add(obj,names);
  }
  else
  { 
   del(obj,names);
  }
  redraw();
 }
 
 function add(obj,names)
 {
  tmp=readCookie("pro_str");
  tmp_arr=stringToArray(tmp,"###");
  if (tmp_arr.length<11)
  {
   if (tmp.indexOf(obj.id)!=-1)
   {
    alert("（"+names+"）已经选择了！！！");
    obj.checked =false;
   }
   else
   {
    writeCookie("pro_str",tmp+obj.id+"|"+names+"###");
   }
  }
  else
  {
   alert("对不起，您只能选择10个产品比较！！！");
   obj.checked =false;
  }
 }
 
 function del(obj,names)
 {
  tmp=readCookie("pro_str");
  writeCookie("pro_str",tmp.replace(obj.id+"|"+names+"###",""));
  tmp=readCookie("pro_str");
  if (tmp=="" || tmp==null){
   writeCookie("subcat","");
  }
 }
 
 function stringToArray(str,div)
 {
  objArr=str.split(div);
  return objArr;
 }
 
 lastScrollY = -200;
 
 function heartBeat()
 {
  diffY = document.body.scrollTop;
  percent =.1*(diffY-lastScrollY);

  if(percent>0) percent = Math.ceil(percent);
  else percent = Math.floor(percent);
  try
  {
   document.getElementById("floats").style.pixelTop+= percent;
   lastScrollY = lastScrollY+percent;
  }
  catch(e){}
 } 
 function hide()
 {
  obj=document.getElementById("floats");
  obj.style.display='none';
 }
 
 function show()
 {
  obj=document.getElementById("floats");  
  obj.style.position='absolute';
  obj.style.right='1px';
  obj.style.top='100';
  obj.style.filter='alpha(opacity=50)';
  obj.style.width='140';
  obj.style.display='';
 }

 function redraw()
 {   
  heartBeat();
  tmp=readCookie("pro_str");  
  item_arr=tmp.split("###");
  floatstr = "<table height=100% width=100% bgcolor=#ededed border=1>"+
    "<tr><td><center><input type='button' value='开始对比' name='submits'  "+
    "οnclick='comparecheck();' style='cursor:hand;'><br>";
  for(key in item_arr)
  {
   if (key)
   {  
    tmp_info_arr=item_arr[key].split("|");
    pid  = tmp_info_arr[0];
    names= tmp_info_arr[1];
    if (pid && names){
    ft = "<font color=red size=1>|</font><br><input type=button name=name value='"+names+"' style='border:1px solid;border-color:red ;background-color:white;height:24;width:150;color:'black';'><input type='hidden' name='pro_id[]' value='"+pid+"'><br>";
    floatstr = floatstr+ft;
    }
   } 
  }
  floatstr = floatstr + "<input type='hidden' name='subcatid' value='"+readCookie("subcat")+"'><br>&nbsp;&nbsp;&nbsp;<a href=/"javascript:empty()/" >全部清空</a></center></td></tr></form></table>";
  try
  {
   document.getElementById("floats").innerHTML = floatstr;
  }
  catch(e)
  {}  
 }
 
 function empty()
 {
  var f1 = document.Form1;
  for( var i=0;i<f1.elements.length;i++)
  {
   if(f1.elements[i].type=="checkbox") {
    f1.elements[i].checked=false;
   }
  }  
  writeCookie("pro_str","");
  redraw();
   }
   function setcheck()
   {
   tmp=readCookie("pro_str");
   tmp_arr=stringToArray(tmp,"###");
   for(str in tmp_arr)
   {
   if(str)
   {
   tmp_info_arr=tmp_arr[str].split("|");
   pid  = tmp_info_arr[0];
   
   try
   {
    document.getElementById(pid).checked =true;
   }
   catch(e){    
   }
   }
   }
   redraw();
   }
  
   function comparecheck()
   {
   tmp = readCookie("pro_str");
   tmp_arr=stringToArray(tmp,"###");
   var results ="";
   for(str in tmp_arr)
   {
   if(str)
   {
   tmp_info_arr=tmp_arr[str].split("|");
   pid  = tmp_info_arr[0];   
   results = results + pid.replace("compareid","").replace("qidl",",");   
   }
   }  
   if(tmp_arr.length<3)
   {
  alert("至少选择两种以上产品比较！");
  return;
   }
   if(tmp_arr.length>6)
   {
  alert("至多选择五种产品比较！");
  return;
   }
   window.location.href="product_contrast.aspx?Cons="+results;
   }
   window.setInterval("heartBeat()",1);

</script>

对比选择筐
<input type="checkbox" id='<%# string.Format("compareid{0}qidl",DataBinder.Eval(Container.DataItem,"ProductID").ToString())%>' value='<%# DataBinder.Eval(Container.DataItem,"ProductID")%>'  οnclick="javascript:insertck(this,'<%# DataBinder.Eval(Container.DataItem,"Name")%>');" >

对比漂浮筐
<DIV id="floats" style="Z-INDEX: 99; FILTER: alpha(opacity=50); LEFT: 1px; WIDTH: 140px; POSITION: absolute; TOP: 100px"
  align="center"></DIV>
 <script language=javascript>setcheck();</script>