购物车的前台管理程序---只与服务器交互一次(一、html部分)

发表于:2007-06-30来源:作者:点击数: 标签:
file cart.html html head title购物车/title meta http-equiv=‘’Content-Type‘’ content=‘’text/html; charset=gb2312‘’ STYLE type=text/css A {TEXT-DECORATION: none; TEXT-TRANSFORM: none} BODY {FONT-FA MI LY: ‘’宋体‘’; FONT-SIZE: 9pt

file cart.html



<html>
<head>
<title>购物车</title>
<meta http-equiv=‘’Content-Type‘’ content=‘’text/html; charset=gb2312‘’>
<STYLE type=text/css>
A {TEXT-DECORATION: none; TEXT-TRANSFORM: none}
BODY {FONT-FAMILY: ‘’宋体‘’; FONT-SIZE: 9pt}
TD {FONT-FAMILY: ‘’宋体‘’; FONT-SIZE: 9pt}
input {  color: #10265b; background-color: eafac2}
select {  color: #000000; background-color: eafac2}
A:link {COLOR: #000000; TEXT-DECORATION: underline}
A:visited {COLOR: #000000; TEXT-DECORATION: underline}
A:active {COLOR: #ff0000; TEXT-DECORATION: underline}
A:hover {COLOR: #663333; TEXT-DECORATION: none}
.font {  font-size: 9pt; text-decoration: none}
</style>
</head>
<body bgcolor=‘’#FFFFFF‘’ topmargin=‘’3‘’ marginwidth=‘’760‘’>

<br><br><form name=frmOrder method=post>
<table width=500 align=center cellpadding=4 cellspacing=1 bgcolor=‘’#FACB86‘’>
     <tr bgcolor=‘’#B52E18‘’>
         <td width=200>
             <font color=#DCFFB9>票名</font>
         </td>
         <td width=60>
             <font color=#DCFFB9>市场价</font>
         </td>
         <td width=60>
             <font color=#DCFFB9>会员价</font>
         </td>
         <td width=60>
             <font color=#DCFFB9>数量</font>
         </td>
         <td width=80>
             <font color=#DCFFB9>会员价小计</font>
         </td>
         <td width=40>
             <font color=#DCFFB9>取消</font>
         </td>
      </tr>
     <tr bgcolor=‘’#FBF4C6‘’>
         <td>
           <input type=text name=‘’txtTicketType0_0‘’ size=20 style=‘’border-Style:none‘’ readonly value=‘’海鲜大会(普通)‘’>
         </td>
         <td align=right>
           <input type=text name=‘’txtTicketPrice0_0‘’ size=5 style=‘’border-Style:none‘’ readonly value=‘’10.50‘’>
         </td>
         <td align=right>
             8.4
         </td>
         <td align=right>
           <input type=text size=4 name=‘’txtAmount0_0‘’ value= ‘’1‘’ style=‘’border-Style:none‘’ disabled>
         </td>
         <td align=right>
           <input type=text name=‘’txtSum0_0‘’ size=5 style=‘’border-Style:none‘’ readonly value=‘’8.4‘’>
         </td>
         <td>
          <input type=button name=btnCancel value=‘’取消‘’onclick=On_Cancel(txtAmount0_0,frmOrder.txtSum0_0) style=‘’BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px‘’>
           <input type=hidden name=‘’hidTicketDiscount0_0‘’ value=‘’80‘’>
         </td>
      </tr>
     <tr bgcolor=‘’#FBF4C6‘’>
         <td>
           <input type=text name=‘’txtTicketType0_1‘’ size=20 style=‘’border-Style:none‘’ readonly value=‘’海鲜大会(会员)‘’>
         </td>
         <td align=right>
           <input type=text name=‘’txtTicketPrice0_1‘’ size=5 style=‘’border-Style:none‘’ readonly value=‘’20.70‘’>
         </td>
         <td align=right>
             18.63
         </td>
         <td align=right>
           <input type=text size=4 name=‘’txtAmount0_1‘’ value= ‘’2‘’ style=‘’border-Style:none‘’ disabled>
         </td>
         <td align=right>
           <input type=text name=‘’txtSum0_1‘’ size=5 style=‘’border-Style:none‘’ readonly value=‘’37.26‘’>
         </td>
         <td>
          <input type=button name=btnCancel value=‘’取消‘’onclick=On_Cancel(txtAmount0_1,frmOrder.txtSum0_1) style=‘’BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px‘’>
           <input type=hidden name=‘’hidTicketDiscount0_1‘’ value=‘’90‘’>
         </td>
      </tr>
     <tr bgcolor=‘’#FBF4C6‘’>
         <td>
           <input type=text name=‘’txtTicketType0_2‘’ size=20 style=‘’border-Style:none‘’ readonly value=‘’海鲜大会(贵宾)‘’>
         </td>
         <td align=right>
           <input type=text name=‘’txtTicketPrice0_2‘’ size=5 style=‘’border-Style:none‘’ readonly value=‘’50.54‘’>
         </td>
         <td align=right>
             50.54
         </td>
         <td align=right>
           <input type=text size=4 name=‘’txtAmount0_2‘’ value= ‘’1‘’ style=‘’border-Style:none‘’ disabled>
         </td>
         <td align=right>
           <input type=text name=‘’txtSum0_2‘’ size=5 style=‘’border-Style:none‘’ readonly value=‘’50.54‘’>
         </td>
         <td>
          <input type=button name=btnCancel value=‘’取消‘’onclick=On_Cancel(txtAmount0_2,frmOrder.txtSum0_2) style=‘’BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px‘’>
           <input type=hidden name=‘’hidTicketDiscount0_2‘’ value=‘’100‘’>
         </td>
      </tr>
     <tr bgcolor=‘’#FBF4C6‘’>
         <td>
           <input type=text name=‘’txtTicketType1_0‘’ size=20 style=‘’border-Style:none‘’ readonly value=‘’北京汽车展(普通)‘’>
         </td>
         <td align=right>
           <input type=text name=‘’txtTicketPrice1_0‘’ size=5 style=‘’border-Style:none‘’ readonly value=‘’10‘’>
         </td>
         <td align=right>
             8
         </td>
         <td align=right>
           <input type=text size=4 name=‘’txtAmount1_0‘’ value= ‘’12‘’ style=‘’border-Style:none‘’ disabled>
         </td>
         <td align=right>
           <input type=text name=‘’txtSum1_0‘’ size=5 style=‘’border-Style:none‘’ readonly value=‘’96‘’>
         </td>
         <td>
          <input type=button name=btnCancel value=‘’取消‘’onclick=On_Cancel(txtAmount1_0,frmOrder.txtSum1_0) style=‘’BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px‘’>
           <input type=hidden name=‘’hidTicketDiscount1_0‘’ value=‘’80‘’>
         </td>
      </tr>
     <tr bgcolor=‘’#FBF4C6‘’>
         <td>
           <input type=text name=‘’txtTicketType1_1‘’ size=20 style=‘’border-Style:none‘’ readonly value=‘’北京汽车展(会员)‘’>
         </td>
         <td align=right>
           <input type=text name=‘’txtTicketPrice1_1‘’ size=5 style=‘’border-Style:none‘’ readonly value=‘’20‘’>
         </td>
         <td align=right>
             18
         </td>
         <td align=right>
           <input type=text size=4 name=‘’txtAmount1_1‘’ value= ‘’12‘’ style=‘’border-Style:none‘’ disabled>
         </td>
         <td align=right>
           <input type=text name=‘’txtSum1_1‘’ size=5 style=‘’border-Style:none‘’ readonly value=‘’216‘’>
         </td>
         <td>
          <input type=button name=btnCancel value=‘’取消‘’onclick=On_Cancel(txtAmount1_1,frmOrder.txtSum1_1) style=‘’BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px‘’>
           <input type=hidden name=‘’hidTicketDiscount1_1‘’ value=‘’90‘’>
         </td>
      </tr>
     <tr bgcolor=‘’#FBF4C6‘’>
         <td>
           <input type=text name=‘’txtTicketType1_2‘’ size=20 style=‘’border-Style:none‘’ readonly value=‘’北京汽车展(贵宾)‘’>
         </td>
         <td align=right>
           <input type=text name=‘’txtTicketPrice1_2‘’ size=5 style=‘’border-Style:none‘’ readonly value=‘’50‘’>
         </td>
         <td align=right>
             50
         </td>
         <td align=right>
           <input type=text size=4 name=‘’txtAmount1_2‘’ value= ‘’13‘’ style=‘’border-Style:none‘’ disabled>
         </td>
         <td align=right>
           <input type=text name=‘’txtSum1_2‘’ size=5 style=‘’border-Style:none‘’ readonly value=‘’650‘’>
         </td>
         <td>
          <input type=button name=btnCancel value=‘’取消‘’onclick=On_Cancel(txtAmount1_2,frmOrder.txtSum1_2) style=‘’BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px‘’>
           <input type=hidden name=‘’hidTicketDiscount1_2‘’ value=‘’100‘’>
         </td>
      </tr>
        <tr bgcolor=‘’#B52E18‘’>
            <td>
                <font color=#DCFFB9>合计</font>
            </td>
            <td colspan=5 align=right>
               <input type=text  name=txtTotal size=10 style=‘’border-Style:none‘’ readonly value=1058.2>
            </td>
        </tr>
</table>
<br><table width=500 border=0 align=center>
   <tr>
      <td width=‘’25%‘’ align=center>
          <input type=button name=btnUpdate value=‘’修改数量‘’onclick=On_Update() style=‘’BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px‘’>
      </td>
      <td width=‘’25%‘’ align=center>
          <input type=button name=btnDel value=‘’全部删除‘’onclick=On_Del() style=‘’BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px‘’>
      </td>
      <td width=‘’25%‘’ align=center>
          <input type=button name=btnContinue value=‘’继续购物‘’onclick=On_Continue() style=‘’BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px‘’>
      </td>
      <td width=‘’25%‘’ align=center>
          <input type=button name=btnBuy value=‘’去收银台‘’onclick=On_Buy() style=‘’BACKGROUND-COLOR:rgb(181,46,24);COLOR:rgb(255,255,255); FONT-FAMILY: 宋体; FONT-SIZE: 12px‘’>
      </td>
    </tr>
</table>
</form>
  
<script language src=‘’cart.js‘’></script>





原文转自:http://www.ltesting.net