一个jstl标签综合运用的例子（包括下拉列表事件处理等等），直观了解一个浏览器页面上有多少对象）
2009-10-18 15:47
706 查看
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="/page/share/taglib.jsp" %>
<!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" />
<link href="/css/global/header01.css" rel="stylesheet" type="text/css">
<link href="/css/product/product.css" rel="stylesheet" type="text/css">
<link href="/css/global/topcommend.css" rel="stylesheet" type="text/css">
<SCRIPT language=JavaScript src="/js/FoshanRen.js"></SCRIPT>
<SCRIPT language=JavaScript src="/js/xmlhttp.js"></SCRIPT>
<title>${product.name}-巴巴运动网</title>
<meta name="Keywords" content="${product.name}">
<META name="description" content="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function styleEvent(styleid){
var productImage = document.getElementById('productImage_'+ styleid);
if(productImage){
var main_image = document.getElementById("main_image");
main_image.style.background="url("+ productImage.value+") center center no-repeat";
}
}
function bigImageBrowse(){
var form = document.forms["cart"];
var stypeid = form.styleid.value;
var productPrototypeImage = document.getElementById('productPrototypeImage_'+ stypeid);
if(productPrototypeImage){
var path = "<html:rewrite action="/product/switch"/>?method=showimage&path="+ productPrototypeImage.value;
window.open (path ,"显示图片");
}
}
//-->
</SCRIPT>
</head>
<body>
<jsp:include page="/page/share/Head.jsp"/>
<div id="ContentBody"><!-- 页面主体 -->
<c:set var="menuout" value=""/>
<c:forEach items="${gps}" var="gptype">
<c:set var="menuout" value="${menuout}>><a href='/baba1.2/control/product/manage.do?method=selectUI&typeid=${gptype.typeid }'>${gptype.name }</a>"></c:set>
</c:forEach>
<div id="position"> 您现在的位置：<a href="/" name="linkHome">巴巴运动网</a> <span id="uc_cat_spnPath"><c:out value="${menuout}" escapeXml="false"></c:out><em>>>${product.name }</em></span></div>
<div class="browse_left"><!-- 页面主体 左边 -->
<!-- 浏览过的商品 -->
<div class="browse">
<div class="browse_t">您浏览过的商品</div>
<ul><div id="historyaccess"></div></ul>
</div>
<!--精品推荐 start -->
<DIV id="topcommend" align="left">
<DIV id="newtop"><IMG height=13 src="/images/global/sy2.gif" width=192></DIV>
<DIV id="newlist">
<DIV id="newmore">
<DIV class="title">精品推荐</DIV>
</DIV>
<span id="commenddetail">
</span>
</DIV>
</DIV>
</div><!-- 页面主体 左边end -->
<div id="Right" ><!-- 页面主体 右边 -->
<form action="<html:rewrite action="/shopping/cart"/>" method="post" name="cart">
<INPUT TYPE="hidden" NAME="productid" value="${product.id}">
<div id="browse_left"><c:set var="currentimage"/><c:set var="imagecount" value="0"/>
<c:forEach items="${product.styles}" var="style"><c:if test="${style.visible}"><c:set var="currentimage" value="${style}"/><c:set var="imagecount" value="${imagecount+1}"/></c:if></c:forEach>
<div class="right_left">
<div id="main_image" onclick="JavaScript:bigImageBrowse()" style="cursor:hand;background:url(${currentimage.style140ImagePath}) center center no-repeat"><img src="/images/global/product_blank.gif" WIDTH="200" HEIGHT="240"/></div>
<img src="/images/global/zoom+.gif" onclick="JavaScript:bigImageBrowse()" style="cursor:hand;"/>
</div>
<div class="right_right">
<div class="right_title"><b>${product.name}</b></div>
<div class="right_desc">
<ul>
<li class="li2">商品编号：A${product.id}<font color="#CC0000">（电话订购专用）</font></li>
<c:if test="${!empty product.brand}"><li>品牌：${product.brand.name} </li> </c:if> </ul>
</div>
<div class="right_desc">
<c:if test="${imagecount==1}">
<INPUT TYPE="hidden" NAME="styleid" value="${currentimage.id }">
<li>颜色：${currentimage.name }</li>
<INPUT TYPE="hidden" id="productImage_${currentimage.id }" value="${currentimage.imagename}">
<INPUT TYPE="hidden" id="productPrototypeImage_${currentimage.id }" value="${currentimage.styleImagePath}">
</c:if>
<c:if test="${imagecount>1}">
<img src="/images/global/init.gif" width="0" height="0">
<li>颜色：<SELECT name="styleid" onchange="javascript:styleEvent(this.value)">
<c:forEach items="${product.styles}" var="style">
<c:if test="${style.visible}">
<option value="${style.id }" <c:if test="${style.id==currentimage.id}">selected </c:if>>${style.name }
</option>
</c:if>
</c:forEach>
</SELECT></li>
<c:forEach items="${product.styles}" var="style">
<c:if test="${style.visible}">
<INPUT TYPE="hidden" id="productImage_${style.id }" value="${style.style140ImagePath}"/>
<INPUT TYPE="hidden" id="productPrototypeImage_${style.id }" value="${style.styleImagePath}"/>
</c:if>
</c:forEach>
</c:if>
</div>
<ul>
<li>市场价：<s>${product.maketPrice}</s> 元 <font color='#ff6f02'>本站价：<b>${product.sellPrice} 元</b></font> 节省：<font color='#ff6f02'>${product.sellPrice - product.maketPrice}</font> 元 </li>
<li class="right_img"><INPUT TYPE="image" SRC="/images/global/sale.gif"></li>
<li class="guopiprice">
[ <IMG src="/images/global/2j4.gif" border="0"> <A href="http://www.babasport.com/cache/news/6/9.shtml" target="_blank">配送说明</A> ] [ <IMG src="/images/global/2j4.gif" border="0"> <A href="http://www.babasport.com/cache/news/4/24.shtml" target="_blank">付款方式</A> ]
</li>
</ul>
</div>
</div>
<div id="browse_right"><div id="sy_biankuang">
<div class="sy_xinpintuijian_font">本站尚未开张</div>
<div class="sy_dianhua" style="line-height:150%"><font color="#FF0000">
全国：010-6466 3070</font><br>MSN在线客服：babasport@sohu.com<br>
<font color="#3A8FAF">QQ在线客服：523429525</font></div>
</div></div>
</form>
<div class='right_blank'></div><div class='right_title1'>商品说明</div><div class='right_content'>${product.description}</div>
</div><!-- 页面主体 右边 end -->
</div><!-- 页面主体 end -->
<jsp:include page="/page/share/Foot.jsp" />
</body>
</html>
pageEncoding="UTF-8"%>
<%@ include file="/page/share/taglib.jsp" %>
<!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" />
<link href="/css/global/header01.css" rel="stylesheet" type="text/css">
<link href="/css/product/product.css" rel="stylesheet" type="text/css">
<link href="/css/global/topcommend.css" rel="stylesheet" type="text/css">
<SCRIPT language=JavaScript src="/js/FoshanRen.js"></SCRIPT>
<SCRIPT language=JavaScript src="/js/xmlhttp.js"></SCRIPT>
<title>${product.name}-巴巴运动网</title>
<meta name="Keywords" content="${product.name}">
<META name="description" content="">
<SCRIPT LANGUAGE="JavaScript">
<!--
function styleEvent(styleid){
var productImage = document.getElementById('productImage_'+ styleid);
if(productImage){
var main_image = document.getElementById("main_image");
main_image.style.background="url("+ productImage.value+") center center no-repeat";
}
}
function bigImageBrowse(){
var form = document.forms["cart"];
var stypeid = form.styleid.value;
var productPrototypeImage = document.getElementById('productPrototypeImage_'+ stypeid);
if(productPrototypeImage){
var path = "<html:rewrite action="/product/switch"/>?method=showimage&path="+ productPrototypeImage.value;
window.open (path ,"显示图片");
}
}
//-->
</SCRIPT>
</head>
<body>
<jsp:include page="/page/share/Head.jsp"/>
<div id="ContentBody"><!-- 页面主体 -->
<c:set var="menuout" value=""/>
<c:forEach items="${gps}" var="gptype">
<c:set var="menuout" value="${menuout}>><a href='/baba1.2/control/product/manage.do?method=selectUI&typeid=${gptype.typeid }'>${gptype.name }</a>"></c:set>
</c:forEach>
<div id="position"> 您现在的位置：<a href="/" name="linkHome">巴巴运动网</a> <span id="uc_cat_spnPath"><c:out value="${menuout}" escapeXml="false"></c:out><em>>>${product.name }</em></span></div>
<div class="browse_left"><!-- 页面主体 左边 -->
<!-- 浏览过的商品 -->
<div class="browse">
<div class="browse_t">您浏览过的商品</div>
<ul><div id="historyaccess"></div></ul>
</div>
<!--精品推荐 start -->
<DIV id="topcommend" align="left">
<DIV id="newtop"><IMG height=13 src="/images/global/sy2.gif" width=192></DIV>
<DIV id="newlist">
<DIV id="newmore">
<DIV class="title">精品推荐</DIV>
</DIV>
<span id="commenddetail">
</span>
</DIV>
</DIV>
</div><!-- 页面主体 左边end -->
<div id="Right" ><!-- 页面主体 右边 -->
<form action="<html:rewrite action="/shopping/cart"/>" method="post" name="cart">
<INPUT TYPE="hidden" NAME="productid" value="${product.id}">
<div id="browse_left"><c:set var="currentimage"/><c:set var="imagecount" value="0"/>
<c:forEach items="${product.styles}" var="style"><c:if test="${style.visible}"><c:set var="currentimage" value="${style}"/><c:set var="imagecount" value="${imagecount+1}"/></c:if></c:forEach>
<div class="right_left">
<div id="main_image" onclick="JavaScript:bigImageBrowse()" style="cursor:hand;background:url(${currentimage.style140ImagePath}) center center no-repeat"><img src="/images/global/product_blank.gif" WIDTH="200" HEIGHT="240"/></div>
<img src="/images/global/zoom+.gif" onclick="JavaScript:bigImageBrowse()" style="cursor:hand;"/>
</div>
<div class="right_right">
<div class="right_title"><b>${product.name}</b></div>
<div class="right_desc">
<ul>
<li class="li2">商品编号：A${product.id}<font color="#CC0000">（电话订购专用）</font></li>
<c:if test="${!empty product.brand}"><li>品牌：${product.brand.name} </li> </c:if> </ul>
</div>
<div class="right_desc">
<c:if test="${imagecount==1}">
<INPUT TYPE="hidden" NAME="styleid" value="${currentimage.id }">
<li>颜色：${currentimage.name }</li>
<INPUT TYPE="hidden" id="productImage_${currentimage.id }" value="${currentimage.imagename}">
<INPUT TYPE="hidden" id="productPrototypeImage_${currentimage.id }" value="${currentimage.styleImagePath}">
</c:if>
<c:if test="${imagecount>1}">
<img src="/images/global/init.gif" width="0" height="0">
<li>颜色：<SELECT name="styleid" onchange="javascript:styleEvent(this.value)">
<c:forEach items="${product.styles}" var="style">
<c:if test="${style.visible}">
<option value="${style.id }" <c:if test="${style.id==currentimage.id}">selected </c:if>>${style.name }
</option>
</c:if>
</c:forEach>
</SELECT></li>
<c:forEach items="${product.styles}" var="style">
<c:if test="${style.visible}">
<INPUT TYPE="hidden" id="productImage_${style.id }" value="${style.style140ImagePath}"/>
<INPUT TYPE="hidden" id="productPrototypeImage_${style.id }" value="${style.styleImagePath}"/>
</c:if>
</c:forEach>
</c:if>
</div>
<ul>
<li>市场价：<s>${product.maketPrice}</s> 元 <font color='#ff6f02'>本站价：<b>${product.sellPrice} 元</b></font> 节省：<font color='#ff6f02'>${product.sellPrice - product.maketPrice}</font> 元 </li>
<li class="right_img"><INPUT TYPE="image" SRC="/images/global/sale.gif"></li>
<li class="guopiprice">
[ <IMG src="/images/global/2j4.gif" border="0"> <A href="http://www.babasport.com/cache/news/6/9.shtml" target="_blank">配送说明</A> ] [ <IMG src="/images/global/2j4.gif" border="0"> <A href="http://www.babasport.com/cache/news/4/24.shtml" target="_blank">付款方式</A> ]
</li>
</ul>
</div>
</div>
<div id="browse_right"><div id="sy_biankuang">
<div class="sy_xinpintuijian_font">本站尚未开张</div>
<div class="sy_dianhua" style="line-height:150%"><font color="#FF0000">
全国：010-6466 3070</font><br>MSN在线客服：babasport@sohu.com<br>
<font color="#3A8FAF">QQ在线客服：523429525</font></div>
</div></div>
</form>
<div class='right_blank'></div><div class='right_title1'>商品说明</div><div class='right_content'>${product.description}</div>
</div><!-- 页面主体 右边 end -->
</div><!-- 页面主体 end -->
<jsp:include page="/page/share/Foot.jsp" />
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 基于MVC4+EasyUI的Web开发框架经验总结（6）--在页面中应用下拉列表的处理
- html编辑页面中 跳转获取下拉列表中的选定值 jstl
- QT5-控件-QFontComboBox-字体选择下拉列表，使用一个标签查看效果
- C++中提供了多种基本的数据类型。实际上，这些远不能满足我们的需求，如复数（第10章的例子大多是处理虚数的），再如分数。本任务将设计一个简单的分数类，完成对分数的几个运算。一则巩固基于对象编程的方法，
- 一个利用了异步处理，事件驱动,对象序列化等技术的类Parser完整代码示例
- struts2标签处理下拉列表
- 跨浏览器事件处理程序及跨浏览器事件对象（事件笔记）
- js实现用户离开页面前提示是否离开此页面的方法（包括浏览器按钮事件）
- JavaScript之jQuery-4 jQuery事件(页面加载后执行、事件处理、事件冒泡、事件对象、模拟操作)
- [备份]用户离开页面前，提示是否离开此页面（包括浏览器按钮事件）
- 一个51单片机比较综合的程序（包括了串口通信，ｉｏ控制，字符串处理，中断处理）,仅供自己以后参考
- 刚用seam做了一个级联下拉列表的例子
- Console API 当打开 firebug (也包括 Chrome 等浏览器的自带调试工具)，window 下面会注册一个叫做 console 的对象，它
- JavaScript跨浏览器事件处理程序、事件对象
- oracle查询 ：一个角色包括的系统权限，对象权限，Oracle有多少种角色，某个用户有什么角色
- js中对arry数组的各种操作小结 瀑布流AJAX无刷新加载数据列表--当页面滚动到Id时再继续加载数据 web前端url传递值 js加密解密 HTML中让表单input等文本框为只读不可编辑的方法 js监听用户的键盘敲击事件，兼容各大主流浏览器 HTML特殊字符
- javascript事件小例子（利用ActiveX对象创建一个进度条）
- 后台管理的第一个页面以及实现一个下拉列表自定义控件
- 鼠标悬浮事件下拉列表中的延时处理
- 不用jquery等框架/库，查找一个页面上有多少种标签，并计算每种标签的个数