实例介绍
【实例简介】
【实例截图】
【实例截图】
【核心代码】
<%@ page language="java" import="java.util.*,entity.*,bizImpl.*,ImplDao.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() "://" request.getServerName() ":" request.getServerPort() path "/"; List<productcategroy> pcList = null; if(request.getAttribute("pcList")!=null){ pcList = (List<productcategroy>)request.getAttribute("pcList"); } List<produc2> proList = null; if(request.getAttribute("proList")!=null){ proList = (List<produc2>)request.getAttribute("proList"); } String pageURL ="./basePages/middle.jsp"; if(request.getAttribute("pageURL")!=null){ pageURL=request.getAttribute("pageURL").toString(); } int row =-1; if(request.getAttribute("row")!=null){ row = Integer.parseInt(request.getAttribute("row").toString()); } customer ct = null; if(session.getAttribute("customer")!=null){ ct = (customer)session.getAttribute("customer"); } %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'main.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> <script type="text/javascript" src="../js/jquery-1.8.0.js"></script> <script type="text/javascript"> function temp(){ var doc = window.frames['middleFrame'].document; var divLeft = doc.getElementById("divLeft"); <% for(productcategroy pc:pcList){ %> var outDiv = doc.createElement("div"); outDiv.style.width="198px"; outDiv.style.height="146px"; var topDiv = doc.createElement("div"); topDiv.style.width="198px"; topDiv.style.height="26px"; topDiv.style.fontFamily="Microsoft Yahei"; topDiv.style.textAlign="center"; topDiv.style.paddingTop="42px"; var a = doc.createElement("a"); a.innerHTML="<%=pc.getName() %>"; a.href="javascript:;"; a.onclick=function(){ var parentDoc = parent.document; var middleFrame = parentDoc.getElementById("middleFrame"); middleFrame.src="./basePages/list.jsp?id=<%=pc.getId() %>"; }; topDiv.appendChild(a); var btmDiv = doc.createElement("div"); btmDiv.style.width="198px"; btmDiv.style.height="140px"; var ul=doc.createElement("ul"); <% List<productcategroy> ponList = new productcategroybizImpl().getproductcategroyListBypId(pc.getId()); for(productcategroy ponson:ponList){ %> var li = doc.createElement("li"); var sonA =doc.createElement("a"); sonA.innerHTML="<%=ponson.getName() %>"; sonA.href="javascript:;"; sonA.onclick=function(){ //获取父页面的document var parentDoc = parent.document; //获取父页面的iframe var middleFrame = parentDoc.getElementById("middleFrame"); middleFrame.src="./basePages/list.jsp?id=<%=ponson.getId()%>&level=<%=2%>"; }; li.style.textDecoration="none"; li.style.listStyle = "none"; li.style.cssFloat = "left"; li.style.marginRight = "5px"; li.style.marginBottom = "10px"; li.style.paddingTop = "5px"; li.style.width = "55px"; li.style.height="15px"; li.appendChild(sonA); ul.appendChild(li); <% } %> btmDiv.appendChild(ul); outDiv.appendChild(topDiv); outDiv.appendChild(btmDiv); divLeft.appendChild(outDiv); <% } %> var ul = doc.getElementById("proList_ul"); <% int j=0; for(produc2 p:proList){ //根据图片的ID查询图片的名字 String imgName = new produc2bizImpl().getImgnameByUploadFileId(p.getUploadFile()); if(j<9){ %> var name ="<%=imgName %>"; var listImg = name "_List.jpg"; var li = doc.createElement("li"); li.style.marginRight="30px"; li.style.listStyle="none"; li.style.cssFloat="left"; var img = doc.createElement("img"); img.src="./proimg/" listImg; img.onclick=function(){ var midFrame =document.getElementById("middleFrame"); midFrame.src="servlet/DeatilServlet?id=<%=p.getId()%>"; }; img.style.width="120px"; img.style.height="120px"; li.appendChild(img); ul.appendChild(li); <% j ; } } %> var row ="<%=row %>"; if(row == 0){ var middleFrame=document.getElementById("middleFrame"); middleFrame.src="basePages/land.jsp"; } var topDoc = window.frames['topFrame'].document; var user = topDoc.getElementById("user"); user.innerHTML="<%=ct!=null?ct.getUsername():""%>"; } </script> </head> <body onload="temp();"> <form action="servlet/LandServlet" id="LandForm" method="post"> <input type="hidden" name="username" id="username" /> <input type="hidden" name="password" id="password" /> </form> <div align="center"> <iframe src="./basePages/top.html" id="topFrame" name="topFrame" width="1000px" frameborder="0" scrolling="no"></iframe><br> <iframe src="./basePages/middle.jsp" id="middleFrame" name="middleFrame" width="1000px" frameborder="0" scrolling="no" height="660px"></iframe><br> <iframe src="./basePages/bottom.html" id="bottomFrame" name="bottomFrame" width="1000px" frameborder="0" scrolling="no"></iframe><br> </div> </body> </html>
好例子网口号:伸出你的我的手 — 分享!
网友评论
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
支持(0) 盖楼(回复)