一个jstl标签综合运用的例子(包括下拉列表事件处理等等),直观了解一个浏览器页面上有多少对象)

<%@ 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}&gt;&gt;<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>&gt;&gt;${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" οnclick="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" οnclick="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" οnchange="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">&nbsp;<A href="http://www.babasport.com/cache/news/6/9.shtml" target="_blank">配送说明</A> ]&nbsp;&nbsp;&nbsp;&nbsp;[ <IMG src="/images/global/2j4.gif" border="0">&nbsp;<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>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值