购物车的前台管理程序---只与服务器交互一次(一、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-FA
MILY: ‘’宋体‘’; 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