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

最新推荐文章于 2017-06-13 22:01:21 发布
最新推荐文章于 2017-06-13 22:01:21 发布
阅读量122 收藏
点赞数
分类专栏： div+css 文章标签： JSP DWR Mobile HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_5269/article/details/81623302
版权
<%@ 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} 条   共 ${pager.pageCount}
页  
<html:select property="orderby" οnchange="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" οnclick="changeOrderBy1('area')">区域/楼盘</span></li>
<li class="leftPageListTitleDiv2"><span class="leftPageListTitleDiv0" οnclick="changeOrderBy1('remark')">标题</span></li>
<li class="leftPageListTitleDiv3"><span class="leftPageListTitleDiv0" οnclick="changeOrderBy1('room')">房型</span></li>
<li class="leftPageListTitleDiv4"><span class="leftPageListTitleDiv00" οnclick="changeOrderBy1('areaage')">面积(m<sup>2</sup>)</span></li>
<li class="leftPageListTitleDiv5"><span class="leftPageListTitleDiv0" οnclick="changeOrderBy1('price')">售价(万)</span></li>
<li class="leftPageListTitleDiv6"><span class="leftPageListTitleDiv0" οnclick="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> </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 }" οnclick="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 }  <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>
iteye_5269
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DWR+JSP的简单实例
10-28
使用DWR框架技术，使在JavaScript中可以直接访问Java代码，是我们的交互性更好
dwr实现的无刷新技术 dwr+jsp
03-01
NULL 博文链接：https://lanyan-lan.iteye.com/blog/259979
dwr+jsp+sqlserver2000无刷新分页
06-17
在网上找到大量的关于ajax分页技术，看了大部分都是用mysql数据库，再者就是用解析xml文件来实现的，(太难了吧),现在这个分页的例子很简单的， 先说说我认为的优点吧： 1、实现简单(js算)，业务简单(没有用到PageBean算)，查询简单(直接查询所需要的数据返回列表) 2、效率高(应该效率很高吧)，用SQLServer的top查询 3、页面没有刷新，感觉很好。 4、分页有 首页、上一页、下一页、末页、下拉框选择页号，就行了吧 缺点： 1、代码暂且重用性不高。
SSH整合之利用JSTL自定义标签制作DWR分页功能
属于Alex的Java小世界
06-13 577
SSH整合之利用JSTL自定义标签制作DWR分页功能   现以管理用户为例 首先我们在前端页面编写代码:   用户编号 用户名称 性别 年龄 电话 地址 权限
dwr + jsp 实现连接数据库的三级级联下拉选择菜单
luoxiang183的专栏
08-22 914
在网上看了很多三级级联的例子，大多数都是js的，数据都是写死的，要从数据库里取出数据来实现三级级联的很少，最近做项目需要用到从数据库取数据实现三级菜单，在网上找了找dwr可以实现，但都是简单的小列子，下了些教程和例子，拿来自己研究了下，终于做出来了。 1.先要下载dwr.jar包，把它导入到项目的lib目录下, 2.在web.xml的编写如下       http://www.
纯JSP+DWR实现三级联动下拉选择菜单
guobing965816的专栏
12-30 645
纯JSP+DWR实现三级联动下拉选择菜单   原文地址  网上看到一些例子，对于一个简单的三级联动，都加上什么Struts, Hibernate诸如此类的框架。这个Ajax联动殊不知和这些框架有什么 关系，一个小Demo干嘛整得那么大。 今天我做了一个dwr+jsp做的例子。 web.xml: xml version="1.0" encoding="UTF-8"?>
dwr + springMVC 后台推送
江湖戏子的专栏
11-24 2229
记下，以后复制黏贴 后台启用了两个线程池，同时启动了好几个线程，需要把每个线程进入方法时和执行完毕时的信息返回页面 用Ajax扫描太麻烦，改用dwr后台推送 首先引入dwr,jar包 web.xml <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml
spring+struts+hibernate+dwr+jstl_example.rar_JSTL example_dwr_dw
09-24
标题中的"spring+struts+hibernate+dwr+jstl_example.rar"表明这是一个使用了Spring、Struts、Hibernate、Direct Web Remoting (DWR) 和JSP Standard Tag Library (JSTL)技术的示例项目。这个组合是Java Web开发中...
hibernate+dwr+spring+jstl的demo
04-12
【标题】"hibernate+dwr+spring+jstl的demo"揭示了这是一个结合了四个关键技术的示例项目，主要用于展示如何在Web开发中整合这些技术。这些技术分别是Hibernate（对象关系映射框架）、Direct Web Remoting (DWR)（一...
使用dwr+spring实现消息推送
04-04
DWR是一个开源Java库，它允许Web应用程序在浏览器和服务器之间进行实时的、异步的通信，类似于Ajax的功能，但更加强大。DWR通过在服务器端生成JavaScript代码并将其嵌入到HTML页面中，使得JavaScript可以直接调用...
spring+struts+hibernate+dwr+jstl做的实例
05-23
以用户管理为例，结合spring struts hibernate dwr jstl做的实例，struts hibernate dwr 与Spring完全结合，实现用户列表、信息增、删、改、查、维护时用户重名提示等功能，还包括页面自动转码设置(web.xml)，...
JSTL标签 参考手册
SiC B2B2C Shop大型B2B2C商城软件产品，使用Java语言开发，高性能高扩展性高安全性分布式。可帮助你快速的建立大型B2B2C电商系统
09-22 1867
  前言 ========================================================================= JSTL标签库，是日常开发经常使用的，也是众多标签中性能最好的。把常用的内容，放在这里备份一份，随用随查。尽量做到不用查，就可以随手就可以写出来。这算是Java程序员的基本功吧，一定要扎实。   JSTL全名为JavaServe...
DWR在jsp中的使用技巧
java程序员的蜕变之路
07-28 2683
什么是DWR？ DWR是一种AJAX解决方案！  DWR包括一个java库，以及一套javascript，使得我们可以用一种非常简单的方式，在页面上使用javascript直接调用后台的java对象！ DWR架构  DWR的javascript库包括几个部分：dwr的javascript引擎（即对AJAX调用的封装）、dwr提供的一些非常有用的辅助javascript函数库、以
倍加福ENA58IL-R-ProfiNET手册(译文)
最新发布
07-11
本手册描述了配备PROFINET接口的Pepperl+Fuchs绝对旋转编码器如何集成到PROFINET网络中。 本手册适用于以下绝对旋转编码器类型： ■■Exx58N-...PN... ■Exx58N-。。。请注意。。。 ■■ENA58IL-...B17 ■ENA58IL-。。。B17
linux 文件权限dwr
09-28
请注意，在数字法中修改文件权限时，三个组别的权限数字都需要给出，以避免权限混乱。 文件权限对应的含义如下： - r：可以读取文件内容 - w：可以写入/修改文件内容 - x：可以执行文件 在Linux中，可以使用echo...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值