`
anson_xu
  • 浏览: 513123 次
  • 性别: Icon_minigender_1
  • 来自: 惠州
社区版块
存档分类

一个 div页面dwr+jstl+div的jsp文件

阅读更多
<%@ page contentType="text/html;charset=utf-8" %>
<%@ include file="/commons/taglibs.jsp" %>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>住宅</title>
<link href="business.css" rel="stylesheet" type="text/css" />
<!--dwr js-->
<script type='text/javascript' src='${ctx }/dwr/interface/HotBuildManager.js'></script>  
<script type='text/javascript' src='${ctx }/dwr/engine.js'></script>  
<script type='text/javascript' src='${ctx }/dwr/util.js'></script>  


<script>
function changeBg(obj,cityName)
{

  var name = cityName;
  var district = obj.innerHTML;
  if(name=='') name="深圳市";
  if(district=='') district='全部';
  leftNavO=document.getElementById("leftNav");
   liO=leftNavO.getElementsByTagName("li");
for(i=0;i<liO.length;i++)
{
  liO[i].className="leftNavDiv2";
}
obj.className="leftNavDiv1";
//dwr invoke
getHotBuildByArea(name,'住宅',district);
}

//dwr method
function getHotBuildByArea(cityName, busiType, district)
{
  HotBuildManager.getSortFloorListByHitsss(cityName,50,busiType,district,mycallback);
}

//创建回调函数
function mycallback(data)
{
  str="<ul>";
  for(var i=0;i<data.length;i++){
    str+="<li><a href="+data[i].dataid+">"+data[i].name+"</a></li>";
}
str+="</ul>";
document.getElementById("leftHotContent").innerHTML=str;

}
</script>
</head>

<body>
<div id="container"><!--页面层容器-->
  <div id="PageBody"><!--页面主体-->
    <div id="leftbar"><!--左侧栏-->
        <div id="leftNav">
        <ul>
<li class="leftNavDiv1" style="position:relative;z-index:101" onClick="changeBg(this,'${cityName }')">全部</li>
<logic:present name="areaList">
<c:forEach items="${areaList }" var="area" varStatus="status">
<c:set var="a" value="${status.count }" scope="request" />
                <li class="leftNavDiv2" style="position:relative;right:${status.count*8 }px;z-index:${100/status.count }" onClick="changeBg(this,'${cityName }')">${area }</li>
                </c:forEach>
                </logic:present>
              </ul>
          </div>
<div id="leftHot">
           <div id="leftHotTitle">
<ul>
<li class="leftHotTitleDiv1">热门楼盘</li>
<li class="leftHotTitleDiv2">热门片区</li>
  </ul>
            </div>
<div id="leftHotContent">
<ul>
<logic:present name="hotBuildList">
<c:forEach items="${hotBuildList }" var="hotbuild" varStatus="status">
<li><a href="${hotbuild.dataid }">${hotbuild.name }</a></li>
</c:forEach>
</logic:present>
</ul>
</div>
</div>
   <div id="leftPageList">
  <div id="leftPageListSplitTop">
  <ul>
  <li><logic:present name="pager">
       <form name="form1" action="home.do?method=home" method="post">
共 ${pager.totalCount} 条 &nbsp;&nbsp;共 ${pager.pageCount}
页&nbsp;&nbsp;
<html:select property="orderby" onchange="changeOrderBy()" value="${orderby}">
<html:option value="area">按区域排序</html:option>
<html:option value="name">按楼盘排序</html:option>
<html:option value="remark">按标题排序</html:option>
<html:option value="areaage">按面积排序</html:option>
<html:option value="room">按房型排序</html:option>
<html:option value="price">按价格排序</html:option>
<html:option value="editTime">按时间排序</html:option>
</html:select>
<input type="hidden" name="sort" value="${sort}">
</form>
</logic:present>
            </li>
    </ul>
  </div>
  <div id="leftPageListTitle"><ul>
  <li class="leftPageListTitleDiv1"><span class="leftPageListTitleDiv0" onclick="changeOrderBy1('area')">区域/楼盘</span></li>
  <li class="leftPageListTitleDiv2"><span class="leftPageListTitleDiv0" onclick="changeOrderBy1('remark')">标题</span></li>
            <li class="leftPageListTitleDiv3"><span class="leftPageListTitleDiv0" onclick="changeOrderBy1('room')">房型</span></li>
    <li class="leftPageListTitleDiv4"><span class="leftPageListTitleDiv00" onclick="changeOrderBy1('areaage')">面积(m<sup>2</sup>)</span></li>
            <li class="leftPageListTitleDiv5"><span class="leftPageListTitleDiv0" onclick="changeOrderBy1('price')">售价(万)</span></li>
            <li class="leftPageListTitleDiv6"><span class="leftPageListTitleDiv0" onclick="changeOrderBy1('editTime')">时间/经纪人</span></li>
            <li class="leftPageListTitleDiv7">对比</li></ul></div>
<c:forEach items="${homelist }" var="home" varStatus="status"> 
        <div id="leftPageListContent"><ul>
            <li class="leftPageListContentDiv1">${home[0].area }/${home[0].name }</li>
<li class="leftPageListContentDiv2">${fn:substring(home[0].remark,0,15) }<c:if test="${home[1].picPath==null }"><img src="http://imrms.midland.com.cn/images/default.gif"></c:if><c:if test="${home[1].picPath!=null }"><img src="${home[1].picPath }"></c:if>&nbsp;</li>
<li class="leftPageListContentDiv3">${home[0].room }房${home[0].drawingroom }厅</li>
    <li class="leftPageListContentDiv4">${home[0].areaage }</li>
<li class="leftPageListContentDiv5" ><font color="#FA4800" style="font-weight:bolder;">${home[0].price }</font><br/>
<c:set value="${fn:indexOf(home[0].price/home[0].areaage,'.')}" var="sub"></c:set>
${fn:substringBefore(home[0].price/home[0].areaage, ".")}
元/m<sup>2</sup></li>
<li class="leftPageListContentDiv6">${fn:substring(home[0].editTime,0,10)}<br/><font style="color:#00669A">${home[2].username }</font><br/>
<c:if test="${home[2].star==5 }">
<IMG src="${ctx }/images/star_on.gif">
<IMG src="${ctx }/images/star_on.gif">
<IMG src="${ctx }/images/star_on.gif">
<IMG src="${ctx }/images/star_on.gif">
<IMG src="${ctx }/images/star_on.gif">
</c:if>
<c:if test="${home[2].star==4 }">
<IMG src="${ctx }/images/star_on.gif">
<IMG src="${ctx }/images/star_on.gif">
<IMG src="${ctx }/images/star_on.gif">
<IMG src="${ctx }/images/star_on.gif">
<IMG src="${ctx }/images/star_off.gif">
</c:if>
<c:if test="${home[2].star==3 }"><IMG src="${ctx }/images/star_on.gif">
<IMG src="${ctx }/images/star_on.gif">
<IMG src="${ctx }/images/star_on.gif">
<IMG src="${ctx }/images/star_off.gif">
<IMG src="${ctx }/images/star_off.gif">
</c:if>
<c:if test="${home[2].star==2 }"><IMG src="${ctx }/images/star_on.gif">
<IMG src="${ctx }/images/star_on.gif">
<IMG src="${ctx }/images/star_off.gif">
<IMG src="${ctx }/images/star_off.gif">
<IMG src="${ctx }/images/star_off.gif">
</c:if>
<c:if test="${home[2].star==1 }"><IMG src="${ctx }/images/star_on.gif">
<IMG src="${ctx }/images/star_off.gif">
<IMG src="${ctx }/images/star_off.gif">
<IMG src="${ctx }/images/star_off.gif">
<IMG src="${ctx }/images/star_off.gif">
</c:if>
<c:if test="${home[2].star==0 }"><IMG src="${ctx }/images/star_off.gif">
<IMG src="${ctx }/images/star_off.gif">
<IMG src="${ctx }/images/star_off.gif">
<IMG src="${ctx }/images/star_off.gif">
<IMG src="${ctx }/images/star_off.gif">
</c:if>
</li>
            <li class="leftPageListContentDiv7"><input type="checkbox" name="compare" value="${home[0].id }" onclick="mycheck(this)"></li></ul>
            </div>
</c:forEach>
<div id="leftPageListContent"><ul>
            <li class="leftPageListContentDiv1"></li>
<li class="leftPageListContentDiv2">标题</li>
<li class="leftPageListContentDiv3">房型</li>
    <li class="leftPageListContentDiv4">面积(m<sup>2</sup>)</li>
<li class="leftPageListContentDiv5" >82万<br/>10,111元/m</li>
<li class="leftPageListContentDiv6">时间/经纪人</li>
            <li class="leftPageListContentDiv7">对比</li></ul></div>


<div id="leftPageListSplitBottom"><div class='pagebox' id='_function_code_page'>
${pageNav }
</div></div>
      </div>
        </div>

    <div id="rightbar"><!--右侧栏-->
          <div id="rightExpert">
           <div id="rightExpertTitle">
<ul>
<li class="rightExpertTitleDiv1">住宅专家</li>
<li class="rightExpertTitleDiv2">热门片区</li>
  </ul>
            </div>
<div id="rightExpertContent">
<logic:present name="buildExpertList">
  <c:forEach items="${buildExpertList }" var="buildExpert">
  <ul>
<li class="rightExpertContentDiv"><a href="${ctx }/profile.htm?empid=${buildExpert.empid }">${buildExpert.username }</a> ${buildExpert.mobile }&nbsp; <div  tips="${buildExpert.branchName}" onMouseMove="show(this.tips,1)" onMouseOut="show(this.tips,0)" style="cursor:hand;width:180px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:clip;">${fn:substring(buildExpert.branchName,0,8) }</div></li>
<li class="rightExpertContentDiv">
<c:if test="${fn:contains(buildExpert.languageType, 'putong')}"><IMG src="${ctx }/images/putong.jpg"></c:if>
<c:if test="${fn:contains(buildExpert.languageType, 'yueyu')}"><IMG src="${ctx }/images/yueyu.jpg"></c:if>
<c:if test="${fn:contains(buildExpert.languageType, 'kejia')}"><IMG src="${ctx }/images/kejia.jpg"></c:if>
</li>
  </ul>
  </c:forEach>
  </logic:present>
</div>
</div>

        <div id="rightViewBuild">
           <div id="rightViewBuildTitle">
<ul>
<li class="rightViewBuildTitleDiv1">最近浏览过的楼盘</li>
<li class="rightViewBuildTitleDiv2">热门片区</li>
  </ul>
            </div>
<div id="rightViewBuildContent">
  <ul>
<li class="rightViewBuildContentDiv">徐伟富 15818605019 地王片区</li><li class="rightViewBuildDiv">普 高</li>
  </ul>
              <ul>
<li class="rightViewBuildContentDiv">徐伟富 15818605019 地王片区</li><li class="rightViewBuildDiv">普 高</li>
  </ul>
</div>
</div>

     <div id="rightNewFunction">
           <div id="rightNewFunctionTitle">
<ul>
<li class="rightNewFunctionTitleDiv"></li>
  </ul>
            </div>
<div id="rightNewFunctionContent">
  <ul>
<li class="rightNewFunctionContentDiv">徐伟富 15818605019 地王片区</li>
  </ul>
              <ul>
<li class="rightNewFunctionContentDiv">徐伟富 15818605019 地王片区</li>
  </ul>
</div>
</div>

  <div id="rightAdvertisement">
           <div id="rightAdvertisementTitle">
<ul>
<li class="rightAdvertisementTitleDiv"></li>
  </ul>
            </div>
<div id="rightAdvertisementContent">
  <ul>
<li class="rightAdvertisementContentDiv">广告区</li>
  </ul>
</div>
</div>

    </div>
  </div>
  <div id="Footer"><!--页面底部-->
  </div>
</div>
<div id=mytips style="position:absolute;width:100;height:25;border:1px solid #969696;font-size:12px;background-color:#AAAAAA;padding:4px;color:#FFF200;display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=35,strength=3)"></div>
</body>
<script language="javascript">
   function changeOrderBy(){
      var sort = document.all.form1.sort.value;
      if(sort=='asc'){
        document.all.form1.sort.value="desc";
      }else{
        document.all.form1.sort.value="asc";
      }
      document.all.form1.submit();
  }
  function changeOrderBy1(orderby){
      var sort = document.all.form1.sort.value;
      document.all.form1.orderby.value=orderby;
      if(sort=='asc'){
        document.all.form1.sort.value="desc";
      }else{
        document.all.form1.sort.value="asc";
      }
      document.all.form1.submit();
  }
  function show(tips,flag){
//alert(tips);
var my_tips=document.all.mytips;
if(flag){
my_tips.style.display="";
my_tips.innerHTML=tips;
my_tips.style.left = window.event.clientX + document.body.scrollLeft+10;
my_tips.style.top = window.event.clientY + document.body.scrollTop+10;
   }else {
   my_tips.style.display="none";
   }
}
</script>
</html>
分享到:
评论

相关推荐

    hibernate+dwr+spring+jstl的demo

    【标题】"hibernate+dwr+spring+jstl的demo"揭示了这是一个结合了四个关键技术的示例项目,主要用于展示如何在Web开发中整合这些技术。这些技术分别是Hibernate(对象关系映射框架)、Direct Web Remoting (DWR)(一...

    spring+struts+hibernate+dwr+jstl_example.rar_JSTL example_dwr_dw

    标题中的"spring+struts+hibernate+dwr+jstl_example.rar"表明这是一个使用了Spring、Struts、Hibernate、Direct Web Remoting (DWR) 和JSP Standard Tag Library (JSTL)技术的示例项目。这个组合是Java Web开发中...

    spring+struts+hibernate+dwr+jstl做的实例

    以用户管理为例,结合spring struts hibernate dwr jstl做的实例,struts hibernate dwr 与Spring完全结合,实现用户列表、信息增、删、改、查、维护时用户重名提示等功能,还包括页面自动转码设置(web.xml),...

    DWR+Struts+spring+hibernate的订货系统

    DWR+Struts+spring+hibernate的订货系统,自己添加的dwr功能

    疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发(part01)

    第二部分详细介绍了Prototype、jQuery、DWR、AjaxTags等四个最常用的Ajax框架的用法,并针对每个框架提供了一个实用案例。这两个部分是笔者在“疯狂Java实训营”的培训讲义,是《疯狂Ajax讲义:Prototype/jQuery+DWR+...

    DWR+JSP的简单实例

    这就是DWR+JSP的基本使用方式,它实现了客户端与服务器端的无缝通信。 总的来说,DWR简化了Ajax通信的复杂性,使得开发者能够更专注于业务逻辑,而不是网络通信的细节。结合JSP,我们可以构建出既高效又易于维护的...

    DWR+extjs+spring+hibernate

    总结起来,"DWR+extjs+spring+hibernate"的组合是现代Web应用开发的一个强大工具集,它能够帮助开发者快速构建出交互性强、性能优异的企业级应用。通过深入理解和熟练掌握这四个技术,可以显著提升开发者的技能水平...

    Spring+Dwr+Hibernate整合项目

    本项目整合了这三个技术,旨在提供一个高效、灵活且易于维护的后端系统。接下来,我们将详细讨论这些技术以及它们在整合中的应用。 **Spring框架** Spring是一个全面的Java企业级应用开发框架,它提供了一个轻量级...

    dwr+spring+hibernate模板.zip

    《DWR+Spring+Hibernate整合应用详解》 在IT领域,DWR(Direct Web Remoting)、Spring和Hibernate是三个至关重要的技术组件,它们分别在Web应用程序的远程调用、依赖注入和对象关系映射方面发挥着核心作用。将这三...

    Spring+DWR+ibatis+jQuery+easyUI的框架例子

    Spring+DWR+ibatis+jQuery+easyUI的框架例子. 完全开放源代码,免费学习与使用。 可以完成基本的后台主界面,报表查询,数据查询,增加,修改等功能。 如果你要做一些报表,后台功能利用这个a框架就可以很方便实现。

    dwr+hibernate实现的分页技术

    ### dwr+hibernate实现的分页技术详解 在当今快速发展的互联网环境中,网站和应用程序需要处理大量的数据。为了提高用户体验并优化服务器资源利用,分页技术成为了必不可少的一部分。本文将详细介绍如何通过结合dwr...

    DWR+jquery2.x+easyUI1.3.x开发富客户端应用

    ### DWR+jquery2.x+easyUI1.3.x开发富客户端应用 #### 知识点一:技术栈概述 本篇文章将介绍一种基于DWR、jquery2.x以及easyUI1.3.x的技术栈来构建富客户端应用的方法。该技术栈还包括了Struts2.x、Spring3.x等...

    源码分享-ibatis+dwr+jQuery

    【标题】"源码分享-ibatis+dwr+jQuery"是一个关于使用这三种技术构建的简单商城系统的源码集合。Ibatis、Direct Web Remoting (DWR) 和 jQuery 是Web开发中的关键组件,它们共同作用于提升应用程序的性能和用户体验...

    dwr实现的无刷新技术 dwr+jsp

    在"dwr实现的无刷新技术 dwr+jsp"的项目中,DWR与JavaServer Pages(JSP)结合使用,构建了一个动态、交互性强的Web应用。JSP是Java平台上的动态网页开发技术,它允许开发者在HTML页面中嵌入Java代码,通过后端处理...

    SSH+Dwr+Ajax框架实现的OA办公自动化系统

    SSH+Dwr+Ajax框架是构建现代Web应用的一种高效组合,尤其在OA(Office Automation)办公自动化系统中,它们能够实现高效的数据交互和用户界面的动态更新。下面将详细讲解这三个关键技术及其在OA系统中的应用。 **...

    dwr+spring集成配置

    在Spring的配置文件(如`applicationContext.xml`)中,需要配置一个`dwr`的`Bean`,并启用注解扫描。例如: ```xml &lt;value&gt;com.yourpackage&lt;/value&gt; ``` 这里的`com.yourpackage`是包含远程方法的...

    dwr+maven+jetty

    总结来说,"dwr+maven+jetty"是一个组合,它利用DWR提供动态的Ajax功能,通过Maven来管理项目构建,以及使用Jetty作为运行环境。这样的组合为开发人员提供了一种高效、灵活的Java Web应用开发和测试解决方案。

    用户注册和登录是每个系统的必须存在的一部分,基于Dwr+Struts2+Spring+Hibernate写了一个用户登录注册系统

    用户注册和登录是每个系统的必须存在的一部分,基于Dwr+Struts2+Spring+Hibernate写了一个用户登录注册系统。  其中用Dwr去进行用户注册的用户是否存在的验证。  全部业务控制交由Spring去进行处理。事务处理也...

    dwr+spring

    在这个"Dwr+Spring"的小例子中,我们可以预期包含以下关键知识点: 1. **DWR配置**:在项目中,你需要配置DWR的`dwr.xml`文件,这个文件定义了哪些Java对象(或bean)可以被JavaScript访问,以及这些方法的映射。...

    web开发实例(DWR+Struts2)

    【标题】"Web开发实例(DWR+Struts2)"揭示了一个综合性的Web应用程序开发案例,其中结合了Direct Web Remoting (DWR) 和Struts2框架。DWR是一种JavaScript库,它允许在浏览器和服务器之间进行实时、异步的通信,从而...

Global site tag (gtag.js) - Google Analytics