新客网WWW.XKER.COM:致力做中国最专业的网络学院!
学院: 操作系统 - 网络应用 - 服务器 - 网络安全 - 工具软件 - 办公软件 - Web开发 - 数据库 - 网页设计 - 图形图像 - 媒体动画 - 硬件学堂 - 存储频道 - QQ专区
您的位置:首页 > 软件开发 > Web开发 > Asp教程 > 正文:我用JS+Cookie编写的购物车,(添加、修改过程在客户端执行,一次提交服务器,IE适用),请大家指正(三)

我用JS+Cookie编写的购物车,(添加、修改过程在客户端执行,一次提交服务器,IE适用),请大家指正(三)

新客网 XKER.COM 2003-07-11 来源: 收藏本文
三、订单修改页面:orderform.htm

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT LANGUAGE = "JavaScript" src="orderform_functions.js"></SCRIPT>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<table width="673" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td width="673">
      <form name="OrderForm" method="post" action="">
        <input type="hidden" name="hiddenField" id="storage" size="10">
        
        <table width="85%" border="0" cellspacing="1" cellpadding="0" align="center">
          <tr bgcolor="#000099">
            <td width="46%">
              <div align="center"><font color="#FFFFFF">品名</font></div>
            </td>
            <td width="14%">
              <div align="center"><font color="#FFFFFF">售价</font></div>
            </td>
            <td width="12%">
              <div align="center"><font color="#FFFFFF">数量</font></div>
            </td>
            <td width="20%">
              <div align="center"><font color="#FFFFFF">价格小计</font></div>
            </td>
            <td width="8%"><font color="#FFFFFF"></font></td>
          </tr>
        </table>
<SCRIPT LANGUAGE = "JavaScript">
var the_list =unescape(ReadOrderForm('24_OrderForm'));
document.write(the_list);
if (the_list=='false'||the_list.indexOf("|")==-1)
{
    var totals=0
    document.write("您还没有选购任何商品!")
}
else
{
    document.OrderForm.storage.value=the_list;
    var totals;
    var broken_list = the_list.split("|");
    //<-
    for (i=1;i<broken_list.length;i++)
    {
        var single_list=broken_list[i];
        var broken_single_list = single_list.split("&");
        var subtotals=broken_single_list[2]*(broken_single_list[3]*100)/100;
        //note:broken_single_list[0]=item;
        //note:broken_single_list[1]=name;
        //note:broken_single_list[2]=amount;
        //note:broken_single_list[3]=price;
        
        //<--
        if (totals==null)
        {
            totals=subtotals;
        }
        else
        {
            totals=totals*100+subtotals*100;
            totals=totals/100;
        }
        //-->
        document.write("<table id='Table"+broken_single_list[0]+"' width='85%' border='0' cellspacing='1' cellpadding='0' align='center'>")
        document.write("<tr bgcolor='#CCCCCC'>");
        document.write("<td width='46%'>"+broken_single_list[1]+"</td>");
        document.write("<td width='14%'>"+broken_single_list[3]+"</td>");
        document.write("<td width='12%'>"+" <input id='aid"+broken_single_list[0]+"' type='text' name='textfield' value="+broken_single_list[2]+" size='5' maxlength='5' disabled onKeyUp=updateSubTotal('"+broken_single_list[0]+"',this.value,'"+broken_single_list[3]+"') onBlur=updateStorage('"+broken_single_list[0]+"',this.value)>"+"</td>");
        document.write("<td width='20%'><input type='text' size='10' id='id"+broken_single_list[0]+"'  style='BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BACKGROUND-COLOR:#CCCCCC'  readonly value="+subtotals+"></td>");
        document.write("<td width='8%'><input type='button' name='Submit' value='删除' disabled onClick=Delete(Table"+broken_single_list[0]+",'"+broken_single_list[0]+"')></td>");
        document.write("</tr>");
        document.write("</table>");
        
    }
    //->

    //if (totals==null)
    //{totals=0;}
}
</SCRIPT>
        <table width="85%" border="0" cellspacing="0" cellpadding="0" align="center">
          <tr bgcolor="#000099">
            <td width="92%">
              <div align="right"><font color="#FFFFFF">价格总计:</font></div>
            </td>
            <td width="8%"> <font color="#FFFFFF">
              <input type="text" id="total" name="textfield" size="10" readonly style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BACKGROUND-COLOR:000099; COLOR:FFFFFF" >
              </font></td>
          </tr>
        </table>
<script language="JavaScript">
document.OrderForm.total.value=totals;
</script>
        <div align="center">
          <p><br>
            <input type="button" id="update" name="Button" value="修改订单" onClick="updateCookie()">
            <input type="button" id="submit" name="Button" value="提交订单">
          </p>
          <p>  </p>
        </div>
      </form>
    </td>
  </tr>
</table>
</body>
</html>
收藏】 【评论】 【推荐】 【投稿】 【打印】 【关闭
发表评论
要记得去论坛讨论,点击注册新会员匿名评论
评论内容:不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
阅读排行
随机推荐
实用信息推荐