javascript 页面对比

原创 2006年05月23日 19:49:00

<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'  "+
    "onclick='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")%>'  onclick="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>

火狐浏览器Firebugx本页面不包含 javascript

前言         自从开始软考之后也没怎么写代码用firebug调试代码,在最近的学习过程中发现用firebug调试的时候出现了一个问题仅以此篇记录其间问题。 问题   用firebug调试...
  • sms15732621690
  • sms15732621690
  • 2016年12月17日 10:51
  • 8371

火狐浏览器Firebug控制台显示本页面不包含 javascript的解决方案

前言        自从开始软考之后也没怎么写代码用firebug调试代码,在最近的学习过程中发现用firebug调试的时候出现了一个问题仅以此篇记录其间问题。问题  用firebug调试的时候出现 ...
  • ParanoidYang
  • ParanoidYang
  • 2017年01月09日 15:53
  • 9915

JavaScript 页面跳转的几种方式

转载:http://blog.csdn.net/ithomer/article/details/7861313 第一种:                 window.locat...
  • yugongpeng_blog
  • yugongpeng_blog
  • 2014年10月31日 11:19
  • 729

javascript:void(0)是什么意思?JS的几种跳转

在JavaScript中void是一个操作符,该操作符指定要计算一个表达式但是不返回值。  void 操作符用法格式如下:  1. javascript:void (expression)  ...
  • after_you
  • after_you
  • 2016年11月03日 00:01
  • 1258

**JAVASCRIPT** 网页交互事件

>JS与HTML的关联 >>内部关联: javascript 语言 >>位置:对页面初始化的JS必须放在开头。 通过事件调用执行的JS对位置没有特殊要求 >>外部关联: 定义一个.j...
  • Estom_yin
  • Estom_yin
  • 2016年07月12日 13:06
  • 251

javascript 控制页面跳转的几种方法

第一种:window.location.href方式   window.location.href="login.jsp?backurl="+window.locatio...
  • sinat_35767703
  • sinat_35767703
  • 2017年03月28日 10:44
  • 285

爬虫技术:(JavaScript渲染)动态页面抓取超级指南

当我们进行网页爬虫时,我们会利用一定的规则从返回的 HTML 数据中提取出有效的信息。但是如果网页中含有 JavaScript 代码,我们必须经过渲染处理才能获得原始数据。此时,如果我们仍采用常规方法...
  • sqzhao
  • sqzhao
  • 2016年03月11日 10:37
  • 2762

JavaScript实现页面跳转

1、源码如下 404 Not Found 找不到指定的页面 3秒后自动返回
  • you23hai45
  • you23hai45
  • 2013年10月04日 22:24
  • 1004

在页面中直接嵌入JavaScript代码

一 标记 在HTML文档中通过使用标记将JavaScript脚本嵌入到其中,在HTML文档中可以使用多个标记,每个标记中可以包含多个JavaScript的代码集合。 script标记属性说明 ...
  • chengqiuming
  • chengqiuming
  • 2017年04月12日 10:30
  • 452

《学习笔记》之JavaScript--在HTML网页中书写JavaScript

使用元素定义JavaScript脚本代码
  • pengjunlee
  • pengjunlee
  • 2016年10月30日 17:32
  • 1192
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript 页面对比
举报原因:
原因补充:

(最多只允许输入30个字)