📄 detail_packet.html
字号:
#set ($ppid = ${StringUtil.getLong($request,"ppid")})
#set ($save = ${packet.get("org_price",${StringUtil.getDoubleType()})}-${packet.get("pprice",${StringUtil.getDoubleType()})} )
#set ($save = ${StringUtil.formatNumber("#.00",$save)})
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>${packet.getString("name")}${systemConfig.getStringConfigValue("webtitle")}</title>
<meta name="keywords" content="${packet.getString("name")} ${systemConfig.getStringConfigValue("webtitle")}">
<meta name="description" content="${packet.getString("name")} ${systemConfig.getStringConfigValue("webtitle")}">
<link href="../css/light.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="../css/mall_tbsp.css@t=20080730.css" />
<link rel="stylesheet" type="text/css" href="../css/mall_base.css@t=20080730.css" />
<link rel="stylesheet" type="text/css" href="../css/mall_common.css@t=20080730.css" />
<link rel="stylesheet" type="text/css" href="../css/mall_exhibit.css@t=20080730.css" />
<script language="JavaScript" type="text/javascript" src="../js/prototype.js"></script>
<script language="JavaScript" type="text/javascript" src="../js/prototype.tab.js"></script>
<style type="text/css">
<!--
#sideContent {
width: 205px;
float: left;
}
#sideContent {
width: 205px;
float: left;
}
#contentWrap #sideContent .sideCell {
border-top: none;
background: url(file:///E|/site/none);
border-right: none;
border-bottom: none;
border-left: none;
margin-top: 15px;
padding-bottom: 15px;
}
#contentWrap #sideContent .sideCell > .title {
line-height: 24px;
font-weight: normal;
color: #FFFFFF;
background: url(../imgs/bar3.png) no-repeat 0px 0px;
text-align: left;
height: 24px;
padding-left: 10px;
font-size: medium;
}
#contentWrap #sideContent .catelogList .itemList {
padding-left: 16px;
padding-right: 16px;
}
#contentWrap #sideContent .catelogList .catelogName {
line-height: 22px;
font-weight: bold;
color: #cc0000;
margin: 20px 0 0 0;
}
#contentWrap #sideContent .catelogList .itemList .catelogContent {
line-height: 18px;
}
#contentWrap #sideContent .sideCell .itemList .richItem {
}
#contentWrap #sideContent .sideCell .itemList {
padding-right: 10px;
padding-left: 10px;
border: 1px solid #e3e3e3;
}
#contentWrap #sideContent .sideCell .itemList .richItem .itemInfo .title{
color: #0052B4;
font-weight: bold;
line-height: 20px;
}
#contentWrap #sideContent .sideCell .itemList .richItem .itemInfo .price {
font-weight: bold;
color: #ff6600;
line-height: 18px;
}
#contentWrap #sideContent .sideCell .itemList .linkItem {
line-height: 20px;
margin: 4px 0;
color: #666;
}
.STYLE1 { color: #666666;
font: bold;
}
#positionNav { background: #f1f1f1;
height: 30px;
border-bottom: 1px dashed #a8a8a8;
line-height: 30px;
padding-left: 14px;
}
#contentWrap #firstContentWrap {
float: left;
width: 985px;
}
#contentWrap #firstContentWrap .AD {
clear: both;
float: none;
}
#contentWrap #firstContentWrap .itemList .title {
line-height: 25px;
background: #eee url(../imgs/headBg.png) no-repeat 0px 0px;
padding-left: 11px;
margin-top: 30px;
margin-bottom: 20px;
}
#contentWrap #firstContentWrap .itemList .title .moreLink {
float: right;
background: url(../imgs/headBg.png) no-repeat right -30px;
}
#contentWrap #firstContentWrap .itemList .title .moreLink a {
padding-right: 40px;
background: url(../imgs/arrow3.png) no-repeat 60px center;
display: block;
}
#contentWrap #firstContentWrap .itemList .goodsList {
height: 111px;
margin: 0px;
padding: 0px;
}
#contentWrap #firstContentWrap .itemList .goodsList li {
float: left;
height: 111px;
width: 222px;
list-style: none;
margin: 0;
padding: 0px;
margin-left: 20px;
}
#contentWrap #firstContentWrap .itemList .goodsList .item {
margin: 0px;
padding: 0px;
}
#contentWrap #firstContentWrap .itemList .goodsList .item li {
float: left;
width: 111px;
margin: 0px;
padding: 0px;
height: auto;
}
#contentWrap #firstContentWrap .itemList .goodsList .item .itemPic {
height: 105px;
width: 105px;
border: 2px solid #CCCCCC;
margin-right: 10px;
}
#contentWrap #firstContentWrap .itemList .goodsList .item .itemName {
width: 103px;
}
#contentWrap #firstContentWrap .itemList .goodsList .item .price {
width: 102px;
font-size: 15px;
font-weight: bold;
color: #FF0000;
}
#contentWrap #firstContentWrap .itemList .goodsList .item .rate {
width: 102px;
}
.star1 {
background-position: 0 -20px;
}
.star2 {
background-position:0 -40px;
}
.star3 {
background-position:0 -60px;
}
.star4 {
background-position:0 -80px;
}
.star5 {
background-position:0 -100px;
}
#contentWrap #firstContentWrap .itemList .goodsList .item .rate {
height: 20px;
width: 102px;
margin: 5px 0 5px 0;
}
#contentWrap #firstContentWrap .itemList .goodsList .item .itemName a {
font-size: 12px;
font-weight: bold;
color: #0052B4;
line-height: 16px;
}
-->
</style>
<style type="text/css">
<!--
#contentWrap #firstContentWrap .tabWrap {
background: url(../imgs/tab.png) repeat-x 0px -60px;
width: 100%;
margin: 0;
padding: 0;
margin-top: 10px;
height: 30px;
}
#contentWrap #firstContentWrap .tabWrap li {
float: left;
height: 30px;
margin: 0px;
padding: 0px;
list-style: none;
line-height: 30px;
}
#contentWrap #firstContentWrap .tabWrap .tableftMargin {
width: 100px;
background: url(../none);
}
#contentWrap #firstContentWrap .tabWrap .currentTab {
font-weight: bold;
background: url(../imgs/tab.png) no-repeat 0px -30px;
padding-left: 20px;
}
#contentWrap #firstContentWrap .tabWrap .currentTab a {
background: url(../imgs/tab.png) no-repeat right center;
display: block;
padding-right: 35px;
}
#contentWrap #firstContentWrap .tabWrap li {
background: url(../imgs/tab.png) no-repeat 0px 0px;
padding-left: 15px;
margin-left: 15px;
}
#contentWrap #firstContentWrap .tabWrap li a {
background: url(../imgs/tab.png) no-repeat right 0px;
display: block;
padding-right: 15px;
}
#contentWrap #firstContentWrap .itemList .byCell .item li {
float:none;
width: 111px;
margin: 0px;
padding: 0px;
height: auto;
}
#contentWrap #firstContentWrap .itemList .byCell li {
float: left;
height: 197px;
width: 234px;
list-style: none;
margin: 0;
padding: 0px;
margin-left: 20px;
}
#contentWrap #firstContentWrap .itemList .goodsList byCell .offItem {
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .itemPic {
border: 1px solid #CCCCCC;
position: relative;
width: 102px;
height: 102px;
padding: 8px 8px 8px 8px;
text-align: center;
margin-right: 10px;
margin-left: 10px;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .itemPic span {
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
position: absolute;
left: 11px;
top: 20px;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .itemName{
float: left;
width: 83px;
height: auto;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .itemName a {
font-size: 12px;
color: #0052B4;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem {
width: 234px;
padding: 0;
margin: 0;
height: 198px;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .rate {
float: left;
height: 20px;
width: 70px;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .category {
float: left;
height: 20px;
width: 60px;
background: url(../imgs/arrow2.png) no-repeat left center;
padding-left: 16px;
line-height: 20px;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .price .oldPrice {
text-decoration: line-through;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .price .newPrice {
font-weight: bold;
color: #FFFFFF;
background: #ED4266;
margin-left: 20px;
font-size:14px;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .price {
line-height: 30px;
height: 30px;
width: 234px;
}
#contentWrap #firstContentWrap .itemList .goodsList .offItem .offTime {
line-height: 20px;
height: 20px;
background: url(../imgs/clock2.gif) no-repeat left center;
padding-left: 20px;
color: #6C9100;
}
#contentWrap #firstContentWrap .itemList .goodsList li {
margin: 0px;
padding: 0px;
float: left;
width: 234px;
margin-left: 0px;
}
#contentWrap #firstContentWrap .itemList .goodsList li {
height: 220px;
}
#progressBox {
/*position:absolute;*/
left:273px;
top:399px;
/*width:258px;
height:97px;*/
z-index:1; /*display: none; */
}
#progess{display:none; }
#addToBagSuccess{display:none;}
.bg {
background-attachment: fixed;
background-image: url(../imgs/detail_packet_bg.png);
background-repeat: no-repeat;
background-position: center bottom;
}
-->
</style>
<script>
<!--
function add2Cart()
{
document.product_form.action = "${ConfigBean.getStringValue("systenFolder")}appController/add2Cart4Asyn";
document.product_form.attribute.value = getSpAttributeStr();
addToBag();
}
function buyNow()
{
document.product_form.action = "${ConfigBean.getStringValue("systenFolder")}appController/buyNow";
document.product_form.attribute.value = getSpAttributeStr();
document.product_form.submit();
}
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
function addToBag()
{
try{
//
$('progess').style.display = 'inline'
//Element.show('progess')
//alert($('productForm').serialize())
$('product_form').request({
onSuccess: addToBagSuccess,
onFailure:addToBagFailure
})
}catch(e)
{
alert(e)
}
}
function addToBagSuccess(response)
{
Element.hide('progess')
if (response.responseText==0)
{
$('addToBagSuccess').style.display = 'inline';
loadurl_c('${ConfigBean.getStringValue("systenFolder")}head_top.html?backurl=${StringUtil.getCurrentURL()}',"headtop_loadifo","headtop_prolist");
}
else
{
addToBagFailure();
}
setTimeout('hideP()',3000)
}
function addToBagFailure()
{
//alert('failure')
//$('progess').style.display = 'none';
Element.hide('progess')
// document.getElementById('progess').style.display = 'none'
Element.show('addToBagFailure')
setTimeout('hideP()',3000)
}
function hideP()
{
Element.hide('addToBagFailure')
Element.hide('addToBagSuccess');
}
//-->
</script>
</head>
<body>
${head}
<div style=" MARGIN: 0px auto; WIDTH: 950px">
<div id="contentWrap">
<form method="post" name="product_form" id="product_form">
<input type="hidden" name="pid" id="pid" value="${ppid}">
<input type="hidden" name="type" value="1" id="type">
<input type="hidden" name="attribute" id="attribute">
<input type="hidden" name="backurl" value="${backurl}" id="backurl">
<table width="100%" border="0" cellpadding="0" cellspacing="2">
<tr>
<td width="100%" align="center" valign="middle"><table width="950" height="22" border="0" cellpadding="2" cellspacing="0">
<tr align="left">
<td colspan="2" align="left" valign="middle" style="font-size:15px;"> ${packet.getString("name")} <span style="color:#FF0000">立即节省：${save}元</span> <span style="color:#999999">优惠期：${packet.getString("st")} - ${packet.getString("en")}</span></td>
</tr>
<tr align="left">
<td colspan="2" align="left" valign="middle"> </td>
</tr>
<tr align="left">
<td colspan="2" align="left" valign="middle" class="bg"><div align="center">
<!--
#foreach ( $products in ${productMgr.getAllProductsByPpid(${packet.get("ppid",${StringUtil.getLongType()})})} )
-->
<DIV style="FLOAT: left;width:180px; TEXT-ALIGN: center;">
<DIV style="width:150px;padding-bottom:10px;"> <a target="_blank" href="detail-${products.getString("pid")}.html"><img src="${ConfigBean.getStringValue("systenFolder")}.${ConfigBean.getStringValue("upload_pro_img")}${products.getString("img_s")}" width="75" height="75" border="0"></a></div>
<DIV style="width:160px;padding-bottom:20px;"> ${products.getString("name")}<br>
<img src="${star.get( ${products.get("star_avg",0)} )}">
<br>
${productMgr.getAttribute4DetailPacketPage(${products})}
<br>
¥${products.get("shop_price",${StringUtil.getDoubleType()})} </div>
</div>
<!--
#end
-->
<br>
<br>
</div></td>
</tr>
<tr align="left">
<td align="left" valign="middle" style="font-size:14px"> </td>
<td align="right" valign="middle"> </td>
</tr>
<tr align="left">
<td width="697" align="left" valign="middle" style="font-size:14px"><span >原价：¥${packet.getString("org_price")}</span> 现在只需：<span style="color:#FF0000;font-weight:bold">¥${packet.getString("pprice")}</span> <span id="progess" style="padding-left:10px;color:#666666">正在处理 <img src="../imgs/loadingAnimation2.gif" width="208" height="13" align="absmiddle"/></span>
<span id="addToBagSuccess" style=" display:none;padding-left:10px;;color:#666666"><img src="../imgs/standard_msg_ok.gif" align="absmiddle"/> 成功加入购物车</span>
<span id="addToBagFailure" style=" display:none; color:red;padding-left:10px;"><img src="../imgs/cancel_order.gif" align="absmiddle"/> 加入购物车失败</span> </td>
<td width="241" align="right" valign="middle">
<a href="javascript:buyNow();"><img src="../imgs/buynow.jpg" width="105" height="30" /></a> <a href="javascript:add2Cart();"><img src="../imgs/buy.jpg" width="105" height="30" /></a> </td>
</tr>
<tr align="left">
<td align="left" valign="middle" style="font-size:14px"> </td>
<td align="right" valign="middle"> </td>
</tr>
</table></td>
</tr>
<tr align="left" valign="top">
<td height="81" colspan="3" style="line-height:20px;"> <p><br>
${packet.getString("description")} <br>
</p>
<p> </p>
<p> </p></td>
</tr>
</table>
</form>
</div>
</div>
</div>
${foot}
${attributeActionJS}
<script>
document.write('<script src="${ConfigBean.getStringValue("systenFolder")}count.jsp?ref='+escape(document.referrer)+'¤tURL='+escape(document.location)+'&color_depth='+screen.colorDepth+'&screen='+screen.width+'x'+screen.height+'&lang='+navigator.systemLanguage+'"><\/script>');
</script>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -