productdetail_body.jsp

工厂版本管理系统,STRUTS2框架,用于管理商品的版本,便于有效的控制版本

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

		


<div id="lineContent">

	<div class="sectionTab">		
		
		<h2 title="${product.shortDetail }" class="browseDt">${product.shortDetail }</h2>
		
	
	</div>
	<div class="lineBox">
	<table width="100%" cellspacing="5" cellpadding="0" border="0">
		<tbody><tr>
			
			<td width="1" valign="top" align="center" rowspan="2">
				<div class="lineImage">
				 
				</div>
				
				<div class="lineImageZoom">
					<a onclick="javascript:showStuff('zoomBox'); moreImages('zoom','../image-files?entity=product&size=large&id=${product.id }')" href="#header">
					<img border="0" title="E10 24VAC/DC WHITE 1-LED" alt="E10 24VAC/DC WHITE 1-LED" 
						src="../image-files?entity=product&size=small&id=${product.id }"/>
					</a>					
				</div>

				<a onclick="javascript:showStuff('zoomBox'); moreImages('zoom','../image-files?entity=product&size=large&id=${product.id }')" href="#header">
				</a>
				
				<div class="lineZoomLink">
					<a onclick="javascript:showStuff('zoomBox'); moreImages('zoom','../image-files?entity=product&size=large&id=${product.id }')" href="#header">
						观看放大的图片
					</a>
				</div>				
				
			</td>
			
			<td height="10" valign="top">
				<table width="100%" class="lineDataTable">
					<tbody><tr><td class="key">RS库存号</td><td>${product.id }</td></tr>
					<tr><td class="key">制造商</td><td>${product.manufactory.name }</td></tr>
					<tr><td class="key">型号</td><td>${product.model }</td></tr>
										
				</tbody></table>
			</td>
		</tr>
		<tr>
		<td valign="top">
		<div class="linePriceBox">
		<div class="priceBoxContainer">
		

		
			
			<table width="100%" cellspacing="0" cellpadding="3" id="lineParamTable">
			<tbody><tr>
				<th width="50%" valign="top" class="rightAlign">折扣数量</th>
				<th width="50%" valign="top">
				
							
						单价 
					
					
				
				1</th>
			</tr>
			 
			<tr><td class="plColumn">1</td><td class="plPrice">RMB64.70</td></tr>
			
			 
			<tr><td class="plColumn">15</td><td class="plPrice">RMB60.20</td></tr>
			
			 	
			<tr><td class="plColumn">50</td><td class="plPrice">RMB58.20</td></tr>
			
			 	
			<tr><td class="plColumn">100</td><td class="plPrice">RMB55.00</td></tr>
			
			
			</tbody>
				</table>
					<div class="lineOrderBox">
						<form action="product-detail.addToShoppingCart.action" method="post" id="cart" name="searchBrowseForm">
							<div><input type="hidden" value="f7ab69dcfe45f499ba8e232f99b5a1f1" name="org.apache.struts.taglib.html.TOKEN"/></div> 
							<input name="product.id" type="hidden" value="${product.id }">
							<div class="lineUom">数量</div>
							<div class="lineQty"><input type="text" value="1" name="quantity" id="qty" size="4"/></div>
							<input type="image" title="加入您的订购单" src="../image/site/search/add.gif" class="lineAdd"/>

						</form>
					
					</div>
						
			<!-- Restricted/Barred Message -->
			
			
			
			<!-- End Restricted/Barred Message -->
			
			</div>
			
			<!-- Production Packs -->
			
			
			
		</div>
		</td>
		</tr>
	</tbody></table>
	
<!-- DATASHEETS -->
	
		
		
			


<link type="text/css" href="/css85/main.css" rel="stylesheet"/>

	
	



	<div class="lineProdInfo">
	<h3>属性</h3>
	<table width="100%" cellspacing="0" cellpadding="3" id="lineParamTable">
		<tbody><tr><th width="50%" valign="top">属性名称</th><th valign="top">属性值</th></tr>
		<c:forEach items="${product.attributes}" var="att">
		<tr><td valign="top"><span>${att.name}</span></td><td valign="top">${att.value}</td></tr>
		</c:forEach>
	</tbody></table>
	</div>

	





<div class="lineProdInfo">
<h3>详情</h3>

${product.detail }



</div>

	


<div class="lineProdInfo">
<h3>范围总览</h3>
 
<!-- Intro Heading and Text -->





<p class="lineInfoSub">${product.family.name}</p>




<!-- Notes -->	


<!-- Approvals -->	

	
<!-- Standards -->

	
<!-- Caution -->


<!-- Warnings -->


<!-- Licensed -->	


<!-- Trade Mark -->	


<!-- Supplied With -->	


  
<!-- Info Text -->

<!-- Tables --> 
  
</div>


	



	
</div>
</div>

<div id="emailFriend">
<img align="absmiddle" src="http://img-china.rs-online.com/cn03/img/site/default/print.gif"/>
<a href="javascript:print()">打印页面</a>  
<img align="absmiddle" src="http://img-china.rs-online.com/cn03/img/site/default/email.gif"/>
<a href="javascript:sendMail()">寄给朋友</a>
<script>
function sendMail(){
var subject="Products of Interest"
var body = "您也许对此感到兴趣。\n\nhttp://shanghai.rs-online.com/web/0204710.html\n\nRS Online &#25964;&#19978;";
var doc = "mailto:?subject=" + encodeURIComponent(subject) + "&body=" + encodeURIComponent(body);
window.location = doc;
}
</script>
</div>

<div id="zoomBox">
	<div class="zbBorder">
		<div class="zbInner">
			
			
			
			<h2>E10 24VAC/DC WHITE 1-LED</h2>
			
					
		<span class="zbClose"><a href="javascript:hideStuff('zoomBox')">
			<img border="0" src="http://img-china.rs-online.com/cn03/img/site/cart/remove.gif"/></a></span>
		</div>
		<div class="zbLarge">
			<img align="middle" title="E10 24VAC/DC WHITE 1-LED" 
				src="../image-files?entity=product&size=large&id=${product.id }" alt="E10 24VAC/DC WHITE 1-LED" id="zoom"/>
		</div>
		<ul>
		
			<a onclick="moreImages('zoom','../image-files?entity=product&size=large&id=${product.id }')" 
				href="#header"/>
			<li>
				<a onclick="moreImages('zoom','../image-files?entity=product&size=large&id=${product.id }')" 
					href="#header">
					<img border="0" src="../image-files?entity=product&size=small&id=${product.id }"/>
				</a>
			</li>
		
		
		</ul>
	</div>
</div>
<script type="text/javascript" language="javascript1.2">

 var stockNumber;
 /*
  * Get the second options by calling a Struts action
 */
 function checkAvailability(formId){
 

	var formName = formId;
	stockNumber =  document.getElementById(formName).stocknum.value;
	var quantity =  document.getElementById(formName).qty.value;
	//ATP qty to Order Qty
	document.searchBrowseForm.qty.value = quantity;
	//alert(quantity);
	if(quantity == "") { 
		return;
	}
		
    var url="/web/search/searchBrowseAction.html?method=checkStockAvailability&stockNumber="+stockNumber+"&quantity="+quantity;
  
    //Do the Ajax call
    if (window.XMLHttpRequest){ // Non-IE browsers
      req = new XMLHttpRequest();
      //A call-back function is define so the browser knows which function to call after the server gives a reponse back
      req.onreadystatechange = showAvailability;
      try {
      	req.open("GET", url, true); //was get
      } catch (e) {
         alert("Cannot connect to server");
      }
      req.send(null);
    } else if (window.ActiveXObject) { // IE      
      req = new ActiveXObject("Microsoft.XMLHTTP");
      if (req) {
        req.onreadystatechange = showAvailability;
        req.open("GET", url, true);
        req.send();
      }
    }
  }
  
    //Callback function
   function showAvailability(){
   if (req.readyState == 4) { // Complete
   var quantity =  document.getElementById('form20204710').qty.value;
	var msg = req.responseText;
	availabilityLabelAndIndicator  = msg.split("||");
	var availabilityLabelvalue = availabilityLabelAndIndicator[0];
	var availabilityIndicator = availabilityLabelAndIndicator[1];
	
	if (availabilityIndicator=='Y'){
	document.getElementById('stockY').innerHTML=quantity + "&nbsp;" + availabilityLabelvalue;
	}
	
	else{
	document.getElementById('stockY').innerHTML=availabilityLabelvalue;
	}
	
	}
}

function checkCount(formName,e) {
	var stockCount = document.getElementById(formName).qty.value;
	var key = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
	// Get ASCII value of key that user pressed
	if (navigator.appVersion.indexOf("MSIE")!=-1){//For IE Browser{
		if(key==13){
			checkAvailability(formName);
			return false;
		}else if ((key > 47 && key < 58 || key==8 || key ==46 || key==37 || key ==39 || key > 95 && key < 106)){
		}else{
			window.event.returnValue = null;
		}
	}else{	
		if(key==13){
			checkAvailability(formName);
			return false;
		}else if ((key > 47 && key < 58 || key==8 || key ==46 || key==37 || key ==39 || key > 95 && key < 106)){
		}else{
			e.preventDefault();
			e.returnValue = null;
		}
	}
}
 function openDataSheet(stockNumber) {
   var url = "/web/search/searchBrowseAction.html?method=getTechDocs&stockNumber="+stockNumber;
   window.open(url);
 }
 
 function showLine(stockNo){
	stockNo = stockNo.replace("-","");
	
	
	
		window.location="/web/"+stockNo+".html";
	
	
}

</script>