⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 detail.html

📁 网上商店 使用jsp开发网上商店系统 4.1环境准备 为了利用JSP技术,首先需要建立环境。
💻 HTML
📖 第 1 页 / 共 2 页
字号:
#set ($orgRelationRows = ${productMgr.getRelationProduct($pid,${detailPro.getString("keywords")},8)})
<!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="description" content="${detailPro.getString("search_description")} ${systemConfig.getStringConfigValue("webtitle")}">
<meta name="keywords" content="${detailPro.getString("search_keywords")} ${systemConfig.getStringConfigValue("webtitle")}">
<title> ${detailPro.getString("search_title")}  ${systemConfig.getStringConfigValue("webtitle")}</title>
<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" />
<link href="../css/light.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/sellproperty.js@t=20080730"></script>
<script type="text/javascript" src="../js/productimage.js@t=20080730"></script>
<script language="JavaScript" type="text/javascript" src="../js/prototype.js"></script>
<script language="JavaScript" type="text/javascript" src="../js/prototype.tab.js"></script>
<script src="../js/request_c.js"></script>
<script src="../js/common.js"></script>
<script src="additional_js.jsp?pid=${pid}"></script>
<script>
function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
function add2Cart()
{
	document.product_form.action = "${systenFolder}appController/add2Cart4Asyn";
	document.product_form.attribute.value = getAttributeStr();
	//document.product_form.submit();
	addToBag();
}

function buyNow()
{
	document.product_form.action = "${systenFolder}appController/buyNow";
	document.product_form.attribute.value = getAttributeStr();
	document.product_form.submit();
}

function go(p)
{
	loadurl_c("evaluate.html?p="+p+"&pid=${pid}","evaluate_loadifo","evaluate_prolist");
}

function setEvaluateLen(v)
{
	document.getElementById("evaluate_len").innerHTML="相关评论("+v+")";
}

function addToBag()
{
	try{
//
		//$('addToBagSuccess').style.display = 'none';
		$('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 if (response.responseText==1)
	{
		//$('addToBagSuccess').style.display = 'inline';
	 	if (confirm("库存不足,您是否需要缺货登记?"))
		{
			location="oos.html";
		}
	}
	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');
}
function changePic(node)
{
try{	$('pro_img').src = node.src}catch(e){alert(e.description)}
}


</script>

<style type="text/css">
<!--
.nowPrice{
clear:both;
font-size:14px;
font-weight:bold;
}
.description{
color:#666;
line-height:20px;
}
#relativeCatalog{
line-height:2;
margin-left:15px;

}
#relativeCatalog li
{
list-style-type:none;
}
#relativeCatalog a{

text-decoration:underline;
background: url("../imgs/detail_product_arrow.gif");
background-attachment: scroll;
background-repeat: no-repeat;
background-position: left center;
padding-left:10px;
}

#relativeNews a{
text-decoration:underline;
padding-left:2px;
}

#contentWrap #detailWrap .productName {
	font-size: 18px;
	font-weight: bold;
	color:#CC0000;
}
.rate{
height:20px;
width:69px;
display:block;
}

#recommand{
color:#666;
}
#mainContentWrap .tabWrap {
	background: url(../imgs/tab_detail.png) repeat-x 0px -60px;
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	height: 30px;
}
#mainContentWrap .tabWrap li {
	float: left;
	height: 30px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 30px;
}
#mainContentWrap .tabWrap .tableftMargin {
	width: 100px;
	background: url(../none);
}




/*修改过的css*/
#mainContentWrap .tabWrap .currentTab {
	font-weight: bold;
	background: url(../imgs/tab_detail.png) no-repeat 0px -30px;
	/*padding-left: 20px; ==================================================================
*/}
#mainContentWrap .tabWrap .currentTab a {
	/*background: url(../imgs/tab_detail.png) no-repeat right center;
	display: block;
	padding-right: 35px;*/
}
#mainContentWrap .tabWrap li {
	/*background: url(../imgs/tab_detail.png) no-repeat 0px 0px;*/
	/*padding-left: 15px;*/
	margin-left: 15px;
}
#mainContentWrap .tabWrap li a {
	background: url(../imgs/tab_detail.png) no-repeat 0px 0px;
	display: block;
	padding-left:20px;
}
#mainContentWrap .tabWrap li a span {
	background: url(../imgs/tab_detail.png) no-repeat right 0px;
	display: block;
	padding-right:20px;
}
#mainContentWrap .tabWrap .tabButton a.active{
	font-weight: bold;
	background: url(../imgs/tab_detail.png) no-repeat 0px -30px;
}
#mainContentWrap .tabWrap li.tabButton a.active span{
	background: url(../imgs/tab_detail.png) no-repeat right -30px;
	padding-right:20px;
}

/*以上*/

.price1 {
	font-size: 15px;
	font-weight: bold;
	color: #018CD4;
}
#secondaryContent #mainContentWrap {
	width: 760px;
	float: left;
	overflow-x: hidden;
	margin-left:20px;
}
#mainContentWrap .itemList .title {
	line-height: 25px;
	background: #eee url(../imgs/headBg.png) no-repeat 0px 0px;
	padding-left: 11px;
	margin-top: 30px;
	margin-bottom: 20px;
}
#mainContentWrap .itemList .title .moreLink {
	float: right;
	background: url(../imgs/headBg.png) no-repeat right -30px;
}
#mainContentWrap .itemList .title .moreLink a {
	padding-right: 40px;
	background: url(../imgs/arrow3.png) no-repeat 60px center;
	display: block;
}
#mainContentWrap .itemList .goodsList {

	margin: 0px;
	padding: 0px;
}
#mainContentWrap .itemList .goodsList li {
	float: left;
	height: 111px;
	width: 180px;
	list-style: none;
	margin: 0;
	padding: 0px;
	margin-left: 5px;
}
#mainContentWrap .itemList .goodsList .item {
	margin: 0px;
	padding: 0px;
}
#mainContentWrap .itemList .goodsList .item li {
	float: left;
	width: 111px;
	margin: 0px;
	padding: 0px;
	height: auto;
}
#mainContentWrap .itemList .goodsList .item .itemPic {
	height: 70px;
	width: 70px;
	border: 1px solid #CCCCCC;
	margin-right: 5px;
}
#mainContentWrap .itemList .goodsList .item .itemName {
	width: 103px;
}
#mainContentWrap .itemList .goodsList .item .price {
	width: 102px;
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
}
#mainContentWrap .itemList .goodsList .item .rate {
	width: 102px;
}
#mainContentWrap .itemList .goodsList .item .rate {
	height: 20px;
	width: 102px;
	margin: 5px 0 5px 0;
}
#mainContentWrap .itemList .goodsList .item .itemName a {
	font-size: 12px;
	color: #0052B4;
	line-height: 16px;
}

#recommand .itemList{
padding-left:20px!important;
}

.eval-line {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #eeeeee;
	border-right-color: #eeeeee;
	border-bottom-color: #eeeeee;
	border-left-color: #eeeeee;
}
#progressBox {
	/*position:absolute;*/
	left:273px;
	top:399px;
	/*width:258px;
	height:97px;*/
	z-index:1;	/*display: none;	*/
}
#progess{display:none; }
#addToBagSuccess{display:none;}
.xboxcontent table tr td a:hover{ text-decoration:none;}
.STYLE3 {
	color: #FF0000;
}
-->
</style>
</head>
<body>
${head}
<div class="page large">
<div class="header-bottom">
		<div class="head-crumbs" ><div class="crumbs"><span class="label">您的位置</span>  » ${navStr} » ${detailPro.getString("name")}</div></div>
  </div>

	<table width="954" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td >
	
<div class="body product">
<div class="body-content no-line">
<div class="body-skin">
<div class="main">
<div class="order-number">产品编码(TSC):<em>${detailPro.getString("p_no")}</em></div>
<div class="grid-column">

<div class="column column-24">
<div class="product-detail">
  <table width="953" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td width="931">
	  
	  <div class="column column-19" >

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -