csearch.tag

网上购物系统

<%-- 3级分类搜索显示 --%>
<%@ tag pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<script type="text/javascript">

	function changeStatus(){
		var panel1=document.getElementById("Panel1");
			
		if(panel1.style.display == "none"){			
			displayMe();
		}else{
			hideMe();
		}		
	}
	
	function displayMe(){		
		var panel1=document.getElementById("Panel1");
		var panel2=document.getElementById("Panel2");
		var lable1=document.getElementById("Label1");
		panel1.style.display = "block";
		panel2.style.height = panel1.style.height;
		lable1.innerHTML = "(点击此处隐藏)";	
	}
	
	function hideMe(){
		var panel1=document.getElementById("Panel1");
		var panel2=document.getElementById("Panel2");
		var lable1=document.getElementById("Label1");
		
		panel1.style.display = "none";
		panel2.style.height = "auto";
		label1.innerHTML = "(点击此处显示)";
	}
	
	

</script>

<div id="CSearchDiv" >
	<div id="Panel2" style="">
		<div style="padding: 5px; cursor: pointer; vertical-align: middle;height:1px;" onclick="changeStatus();">
			<div style="float: left;">
				&nbsp;&nbsp;
				<b>高级筛选功能</b>
			</div>
			<div style="float: left; margin-left: 20px;" >
				<span id="Label1" style="color:Red;" >(点击此处显示)</span>
			</div>
			<div style="float: right; vertical-align: middle;">
				<input type="image" name="Image1" id="Image1"
					src="images/ajax/expand.jpg" alt="(Show Details...)"
					style="border-width:0px;" />
			</div>
		</div>
		<br/>
		
		<div id="Panel1" class="collapsePanel" style="display:none;">
		<table width="98%" height="100%" align="center" style="">
			<tr>
				<td>
					<table>
						<tr>
							<td>
								显示方式：
							</td>
							<td>
								<a href="category.htm?cid=${param['cid']}&listtype=img"
									id="linkImgList"> <img src="images/product/imglist.gif" />
								</a>&nbsp;
							</td>
							<td>
								<a href="category.htm?cid=${param['cid']}&listtype=list"
									id="linkList"> <img src="images/product/list.gif" />
								</a>&nbsp;
							</td>
							<td width="120">
								<a href="category.htm?cid=${param['cid']}&listtype=txt"
									id="linkTxtList"> <img src="images/product/txtlist.gif" />
								</a>&nbsp;
							</td>
							<td>
								价格排序：
							</td>
							<td>
								<a href="category.htm?cid=${param['cid']}&order=desc"
									id="linkPriceDesc"> <img src="images/product/pricedesc.gif" />
								</a>&nbsp;
							</td>
							<td>
								<a href="category.htm?cid=${param['cid']}&order=asc"
									id="linkPriceAsc"> <img src="images/product/priceasc.gif" />
								</a>&nbsp;
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td width="150">
					<b>品牌</b>
				</td>
			</tr>
			<tr>
				<td>
					<table id="ddlBrand" cellspacing="0" border="0" style="width:100%;border-collapse:collapse;">
						<tr>
							<td style="width:270px;">
										<a id="ddlBrand_ctl00_lbBrand" href="category.htm?cid=${param.cid }">全部(${totalpronum})</a>
							</td>
							<c:choose>
								<c:when test="${not empty requestScope.brands}">
									<c:forEach items="${requestScope.brands}" var="brand" varStatus="s">
										<c:if test="${(s.index+1)%3==0}"><tr></c:if>
										<td style="width:270px;">
											<a id="ddlBrand_ct${brand.id}_lbBrand" href="category.htm?cid=${param.cid }&bid=${brand.id }">${brand.en_name}${brand.cn_name}(${brand.productnum})</a>
										</td>
										<c:if test="${(s.index+1)%3==2}"></tr></c:if>
									</c:forEach>
								</c:when>
								<c:otherwise>
									<td>该分类下暂无品牌!</td>
								</c:otherwise>
							</c:choose>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td>
					<b>规格</b>
				</td>
			</tr>
			<tr>
				<td>
					<table id="rpParameter" cellspacing="0" border="0"
						style="width:100%;border-collapse:collapse;">
						<tr>
							<td style="width:270px;">
								<input name="rpParameter$ctl00$lbFieldID" type="hidden"
									id="rpParameter_ctl00_lbFieldID" value="1" />
								<span id="rpParameter_ctl00_lbFieldName">尺 寸</span>&nbsp;
								<select name="rpParameter$ctl00$ddlValue"
									id="rpParameter_ctl00_ddlValue" style="width:200px;">
									<option value="0">
										全部(12)
									</option>
									<option value="1">
										13.3寸宽屏(2)
									</option>
									<option value="2">
										12.1寸宽屏(1)
									</option>
									<option value="66">
										15.4寸宽屏(5)
									</option>
									<option value="67">
										17.0寸(3)
									</option>
									<option value="307">
										10.0寸(1)
									</option>

								</select>
							</td>
							<td style="width:270px;">
								<input name="rpParameter$ctl01$lbFieldID" type="hidden"
									id="rpParameter_ctl01_lbFieldID" value="5" />
								<span id="rpParameter_ctl01_lbFieldName">材 质</span>&nbsp;
								<select name="rpParameter$ctl01$ddlValue"
									id="rpParameter_ctl01_ddlValue" style="width:200px;">
									<option value="0">
										全部(12)
									</option>
									<option value="25">
										尼龙(2)
									</option>
									<option value="165">
										皮革(4)
									</option>
									<option value="166">
										记忆泡棉(4)
									</option>
									<option value="168">
										潜水面料(1)
									</option>
									<option value="396">
										钢(1)
									</option>

								</select>
							</td>
							<td></td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td align="center">
					<br style="font-size: 5px;" />
					<input type="submit" name="btnSearch" value="" id="btnSearch"
						class="ProductSearch" style="cursor: pointer" />
					<br style="font-size: 5px;" />
					<div id="UpdateProgress1" style="display:none;">

						<div style="width: 500px">
							<img src="images/ajax/loading.gif" alt="" />
						</div>

					</div>
					<br style="font-size: 5px;" />
				</td>
			</tr>
		</table>
	</div>
	</div>
	
	<input type="hidden" name="cpeDemo_ClientState"
		id="cpeDemo_ClientState" />
</div>
<script type="text/javascript">


	displayMe();

</script>