📄 list_p.html
字号:
#set ($pcid = ${StringUtil.getLong($request,"pcid")})
#set ($cid = ${StringUtil.getLong($request,"cid")})
<!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" />
<meta name="keywords" content="${systemConfig.getStringConfigValue("webtitle")}">
<meta name="description" content="${systemConfig.getStringConfigValue("webtitle")} ">
<title>${StringUtil.cuteNR(${detailCatalog.getString("description")})} ${systemConfig.getStringConfigValue("webtitle")}</title>
<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" />
<style type="text/css">
<!--
.rateNoLabel{
}
#firstContentWrap {
float: left;
width: 766px;
margin-left: 16px;
}
#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;
}
#firstContentWrap .itemList .title .moreLink {
float: right;
background: url(../imgs/headBg.png) no-repeat right -30px;
}
#firstContentWrap .itemList .title .moreLink a {
padding-right: 40px;
background: url(../imgs/arrow3.png) no-repeat 60px center;
display: block;
}
#firstContentWrap .itemList .goodsList {
height: 111px;
margin: 0px;
padding: 0px;
}
#firstContentWrap .itemList .goodsList li {
float: left;
height: 111px;
width: 185px;
list-style: none;
margin: 0;
padding: 0px;
margin-left: 5px;
}
#firstContentWrap .itemList .goodsList .item {
margin: 0px;
padding: 0px;
}
#firstContentWrap .itemList .goodsList .item li {
float: left;
width: 100px;
margin: 0px;
padding: 0px;
height: auto;
}
#firstContentWrap .itemList .goodsList .item .itemPic {
height: 80px;
width: 80px;
border: 1px solid #CCCCCC;
margin-right: 5px;
}
#firstContentWrap .itemList .goodsList .item .itemName {
width: 90px;
height:50px;
font-weight:normal;
overflow:hidden;
}
#firstContentWrap .itemList .goodsList .item .price {
width: 102px;
font-size: 13px;
font-weight: bold;
color: #FF0000;
}
#firstContentWrap .itemList .goodsList .item .rateNoLabel {
height: 20px;
width: 80px;
float:left;
margin: 5px 0 5px 0;
}
#firstContentWrap .itemList .goodsList .item .itemName a {
font-size: 12px;
color: #0052B4;
line-height: 16px;
}
div#PreviewBox{
position:absolute;
padding-left:6px;
display: none;
Z-INDEX:2006;
}
div#PreviewBox span{
width:7px;
height:13px;
position:absolute;
left:0px;
top:9px;
background:url(../imgs/arrow.gif) 0 0 no-repeat;
}
div#PreviewBox div.Picture{
float:left;
border:1px #666 solid;
background:#FFF;
}
div#PreviewBox div.Picture div{
border:4px #e8e8e8 solid;
}
div#PreviewBox div.Picture div a img{
margin:19px;
border:1px #b6b6b6 solid;
display: block;
max-height: 250px;
max-width: 250px;
}
-->
</style>
<script>
function go(p)
{
document.dataForm.p.value=p;
window.location = "list-s-"+document.dataForm.price_st.value+"-"+document.dataForm.price_en.value+"-"+document.dataForm.pcid.value+"-"+document.dataForm.cid.value+"-"+document.dataForm.type.value+"-"+p+".html";
}
function price(st,en)
{
document.dataForm.price_st.value = st;
document.dataForm.price_en.value = en;
go(1);
}
function changeTag(v)
{
if(v==0) {
window.location="list-s-${pcid}-${cid}.html";
} else {
document.dataForm.type.value=v;
go(1);
}
}
function goBrand(bid)
{
location="../product/product-brand-"+bid+".html";
}
function changeStyle(type)
{
if(type=='row') {
window.location = "list-s-"+document.dataForm.price_st.value+"-"+document.dataForm.price_en.value+"-"+document.dataForm.pcid.value+"-"+document.dataForm.cid.value+"-"+document.dataForm.type.value+"-"+document.dataForm.p.value+".html";
} else if(type=='grid') {
window.location = "list-si-"+document.dataForm.price_st.value+"-"+document.dataForm.price_en.value+"-"+document.dataForm.pcid.value+"-"+document.dataForm.cid.value+"-"+document.dataForm.type.value+"-"+document.dataForm.p.value+".html";
}
}
var previewImg = {busyPic :'../imgs/loading.gif'
,timeoutId:0
,src:''
,img:null}
function showImage(img)
{
clearTimeout(previewImg.timeoutId);
$('PreviewImage').src = previewImg.busyPic
previewImg.timeoutId = setTimeout('loadPreview()',500);
previewImg.img = img;
}
function loadPreview()
{
var src = '';
var href = '';
img = previewImg.img;
if(img.nodeName =="IMG"){
var bodyDim = Element.getDimensions(document.body);
//link = $(img).up('A')
link = img.parentNode;
var pos = Position.cumulativeOffset(img);
//var d = Position.
var left = pos[0] + img.width + 0
var top = pos[1] + (img.height)/2
src = img.longDesc;
href = link.href
}else if (img.nodeName == 'A')
{
var pos = Position.cumulativeOffset(img);
//var d = Position.
var left = pos[0] + img.offsetWidth
var top = pos[1]
href = img.href;
//alert(img.getAttribute('longDesc'));
src = img.getAttribute('longDesc');
}else {return false;}
Element.setStyle('PreviewBox', {'display': 'block', 'left': left+'px', "top": top+'px'});
imgPreloader = new Image();
// once image is preloaded, resize image container
imgPreloader.onload=function(){
$('PreviewImage').src =this.src;
$('PreviewImage').width =this.width;
$('PreviewImage').height =this.height;
$('previewUrl').href = href;
imgPreloader.onload=function(){}; // clear onLoad, IE behaves irratically with animated gifs otherwise
}
imgPreloader.src = src;
}
function hidePreview(e)
{//$('PreviewBox').style.display = 'none'
// e = window.event || e;
//alert(1);
//alert(e);
if(e){
//alert(2);
var toElement=e.relatedTarget||e.toElement;
while(toElement){
if(toElement.id=='PreviewBox'){return;}
toElement=toElement.parentNode;}
}
try{
//clearInterval(checkComplete.__timeId);
//checkComplete.__img=null;
//previewImage.src=null;
$('PreviewBox').style.display = 'none'
$('PreviewImage').src = previewImg.busyPic
$('PreviewImage').width = '185';
$('PreviewImage').height = '16';
}
catch(e){}
//clearTimeout(previewTimeoutId);previewBox.style.display='none';
}
</script>
<script src="../js/request_c.js"></script>
<script src="../js/common.js"></script>
</head>
<body>
${head}
<div class="page large shadow">
<style type="text/css">
<!--
#headV3 { font-family:Verdana; height:34px; background:url(../../img/paipai/headbg.gif); overflow:hidden; margin-bottom:10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6E8ED; }
body { margin: 0px; }
#logo_paipai { background-image: url(../../img/paipai/logo_sm.jpg); display: block; float: left; height: 33px; width: 295px; margin-left: 10px; cursor: hand; }
.top_paipaimenu { font-size: 12px; text-align: right; float: right; height: 25px; width: 300px; margin-top: 8px; margin-right: 15px; }
a.toppaipai:link,a.toppaipai:visited { font-size: 12px; color: #21407d; }
a.toppaipai:hover,a.toppaipai:active { font-size: 12px; color: #ff7e00; }
-->
</style>
<div class="body grid-layout-3">
<!--内容开始-->
<div class="body-content">
<div class="body-skin">
<!--主内容开始-->
<div class="main">
<div class="grid-column">
<div class="crumbs">
<ul class="crumbs-patch">
<li>您的位置 > ${detailCatalog.getString("title")}</li>
</ul>
</div>
#if (${detailCatalog.getString("internal_banner")}!="")
<div class="crumbs">
<a href="${detailCatalog.getString("internal_banner_link")}" target="_blank"><img src="${ConfigBean.getStringValue("systenFolder")}.${ConfigBean.getStringValue("upload_pro_img")}${detailCatalog.getString("internal_banner")}" border="0"></a><br />
<br />
<br />
</div>
#end
<!--商品列表开始-->
<div class="list">
<!--商品列表头部翻页开始-->
<!--商品列表头部翻页结束-->
<!--商品列表形式开始 grid-->
<div class="list-content grid">
<ul class="product-list ark:list">
#foreach ( $catalog in ${catalogMgr.getCatalogByParentId($cid,${StringUtil.getNullType()})} )
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="82%" align="left" valign="middle" style="color:#F76D91;font-weight:bold">| ${catalog.getString("title")}</td>
<td width="18%" align="right" valign="middle"><a href="list-s-${catalog.getString("parentid")}-${catalog.getString("id")}.html">更多商品>></a></td>
</tr>
<tr>
<td colspan="2">
#foreach ( $product in ${productMgr.getNewProductByCidByCount(${catalog.get("id",${StringUtil.getLongType()})},4)} )
#set ( $isOnDiscount = ${productMgr.isOnDiscount(${product.get("discount",${StringUtil.getDoubleType()})},${product.getString("discount_st")},${product.getString("discount_en")})})
<li class="product">
<h3>${product.getString("name")}</h3>
<div class="info">
<div class="pic">
<a href="../product/detail-${product.getString("pid")}.html" target="_blank">
<img src="${ConfigBean.getStringValue("systenFolder")}.${ConfigBean.getStringValue("upload_pro_img")}${product.getString("img_s")}"/> </a> </div>
<div class="price">
<div class="now-price"><em><script src="my_price_js.jsp?pid=${product.getString("pid")}"></script></em>#if( ${product.get("flag_packet",0)}==1) <img src='../imgs/packet_p.gif' alt='正在捆绑促销' align='absmiddle'>#end</div>
<div class="market-price">
#if ($isOnDiscount=="true")
<span>市场价：</span>
<del>${product.getString("shop_price")}</del>
#end </div>
</div>
<div class="name">
<a href="../product/detail-${product.getString("pid")}.html" target="_blank">${product.getString("name")}1</a> </div>
<div class="sales-volume">${productMgr.getProductPriceStr($product)}</div>
</div>
</li>
#end </td>
</tr>
<tr>
<td colspan="2" style="border-top:1px #eeeeee solid"> </td>
</tr>
</table>
#end
</ul>
</div>
<!--商品列表形式结束-->
</div>
<!--商品列表结束-->
</div>
</div>
<!--主内容结束-->
<!--侧边栏开始-->
<div class="grid-column">
<div class='category category-class' style="border-right:1px #eeeeee solid"><h2>商品分类</h2><div class='cat'><ul class=''>
#foreach ( $mainCatalog in ${catalogMgr.getCatalogByParentId(${StringUtil.getLongType()},null)} )
<li style="padding-left:5px;padding-right:5px;"><a href='list-p-0-${mainCatalog.getString("id")}.html' class='selected' style="font-weight:bold">${mainCatalog.getString("title")}</a><div class="catelogContent" style="padding-right:5px;">
#foreach ( $catalog in ${catalogMgr.getCatalogByParentId(${mainCatalog.get("id",${StringUtil.getLongType()})},null)} )
<a href='list-s-${catalog.getString("parentid")}-${catalog.getString("id")}.html'>${catalog.getString("title")}</a>
#end
</div></li>
<li> </li>
#end
</ul></div></div>
<div class="category category-prop" id="ark:category">
<!--侧边栏结束-->
<div class="flexed"></div>
</div>
</div>
<div class="body-bottom"></div>
</div>
<br />
${foot}
<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 + -