自己学习日志:
status-level.jsp页面
<input type="text" name="imagePath" id="imagePath" size="30" value="" />
<input type="button" name="" value='选择图片'
onclick="loadWin(this.form.imagePath);return false;">
<script type="text/javascript">
<!--
function loadWin(el) {
var win = window.open("statuslevels-iconpicker.jsp?element="+el.name+"&form=statusform","","menubar=no,location=no,personalbar=no,resizable=no,scrollbars=yes,width=450,height=500");
}
</script>
-->
statuslevels-iconpicker.jsp页面
<%@ page extends="fusionj.runtime.FusionJ"
import="java.io.File,
java.util.regex.Pattern,
java.util.regex.Matcher
"
contentType="text/html;charset=GBK"
errorPage="error.jsp" %>
<html>
<head>
<html:base />
<title>insert</title>
</head>
<body>
<style>
.over{
border:1px solid #9CF;
}
.out{
border:1px solid #FFF;
}
</style>
<script>
function divStyle(bool,id){
if(bool)
document.getElementById("div"+id).className="over";
else
document.getElementById("div"+id).className="out";
}
</script>
<table> <tr align="center"><td colspan="7" >请选择图片<span style="font-size:12px; color:#900" >单击选择</span></td><tr>
<%
File paths=new File("../webapps/hotkm/home/images/status");
String[] list=paths.list();
//row:控制是否显示<tr>的参数及构造div:id
int row=1;
File path=null;
for(int i=0;i<list.length;i++){
path=new File(paths.toString()+"/"+list[i]);
//过滤掉文件大小为0的文件
if(path.length()!=0){
//过滤出所有以.gif结尾的文件并将其显示到页面
Pattern pattern = Pattern.compile(".gif");
Matcher matcher = pattern.matcher(list[i]);
if(matcher.find()){
if(row%7==1){%><tr><%}%>
<td align="center">
<div id="div<%=row%>" class="out" >
<div onMouseOver="divStyle(true,<%=row%>)" onMouseOut="divStyle(false,<%=row%>)"
onClick="selectImg('<%=list[i]%>')" align="justify" style="width:50px;
height:35px !important; height:55px;
position:static; padding-top:25px !important; padding-top:15px;border:1px solid #BFD3DC;text-align:center">
<img align="middle" src="../home/images/status/<%=list[i]%>"/>
</div>
</div>
</td>
<%if(row%7==0){%></tr><%}%>
<% row++; }}
}
%>
</table>
<script>
function selectImg(imgName){
//给父级form中的页面元素element赋值
window.opener.document.<%=get("form")%>.<%=get("element")%>.value=imgName;
//关闭子窗体
setTimeout("window.close()",0);
}
</script>
</body>
</html>
- 大小: 77.4 KB
- 大小: 3.5 KB
分享到:
相关推荐
当我们谈论“window.open父子窗口传值问题”,我们指的是在父窗口通过`window.open`创建了一个子窗口,并需要在两者之间进行数据通信的情况。 首先,让我们了解一下`window.open`的基本语法: ```javascript var ...
在JavaScript中,使用`window.open()`方法可以打开一个新的浏览器窗口,这个方法可以实现子窗口向父窗口传值的操作。下面我们来详细解释这个过程。 首先,让我们回顾一下`window.open()`方法的基本用法。`window....
2. 在父页面中,通过`$.dialog`或`$.window`方法打开子页面,可以设置一些参数,如宽度、高度、内容URL等。 例如: ```javascript $.window({ title: '子页面', width: 500, height: 400, href: 'subPage.html'...
在网页开发中,有时我们需要打开新的窗口或者弹出对话框来...而`window.open`更适合于打开新页面,用户可以在新窗口和原窗口之间自由切换。在处理父子窗口间的通信时,两者都可以利用`window.opener`属性实现数据交换。
标题和描述所提及的是一个关于如何解决layer弹窗在跨域环境下的问题,主要涉及到iframe、跨域以及layer的使用技巧。下面我们将详细探讨这个问题及其解决方案。 首先,我们了解下**iframe**。iframe(Inline Frame)...
`window.open()`是JavaScript中的一个内置函数,用于打开新的浏览器窗口或者标签页,并可以指定新窗口的URL、尺寸以及窗口特性。 首先,我们来了解`window.open()`的基本语法: ```javascript window.open(url, ...
当子页面是通过`window.open()`函数打开时,我们可以使用`window.opener`属性来访问父页面的DOM元素。以下是一个简单的例子: 1. 父页面代码: ```html <!DOCTYPE html> 父页面 function openChildPage() { ...
- 父窗口中,打开子窗口时保存一个引用,如`var childWindow = window.open(...)` - 然后在适当的时候,通过`childWindow`访问子窗口的变量或方法。 2. **使用window.postMessage API**: - HTML5引入了`window....
在ASP.NET中,弹出窗体可以使用`window.open`JavaScript函数实现,而传值则可以通过以下几种方式: 1. **URL参数**:在打开弹出窗口时,可以在URL中添加查询字符串来传递数据。弹出窗口加载后,可以通过JavaScript...
例如,一个网页中的超链接可以使用`window.open()`方法打开一个新的窗口,新窗口就是子窗口,而原来的窗口则是父窗口。 ### 父窗口向子窗口传值 1. **通过`window.open()`方法传参**:在创建子窗口时,可以通过URL...
6. **使用Web Storage事件监听**:当一个页面修改了SessionStorage或LocalStorage时,其他已打开的同源页面会触发'storage'事件,可以借此实现页面间的实时通信。 总结,HTML页面间传递数据有多种途径,包括URL参数...
另外,也可以在打开新窗口或标签时使用`window.open()`方法传递数据,并在新页面中获取。 总结,JavaScript的弹窗功能主要提供信息展示和简单用户交互。对于更复杂的页面间数据传递,我们需要借助其他技术,如URL...
总的来说,JavaScript页面间传值是一个涵盖多个技术领域的主题,需要理解浏览器的工作原理、同源策略以及相关的API。通过以上介绍的这些方法,你应该能实现A页面打开B页面并返回值到A页面显示的功能。在实际开发中,...
在这个场景下,我们需要将数据从一个页面传递到另一个页面,以便在新打开的窗口中展示或处理这些数据。以下是对这个主题的详细解释,以及如何利用HTML、CSS、jQuery和JavaScript实现这一功能。 1. URL参数传递: ...
总结来说,JavaScript中页面间传值主要有`window.open()`和`window.postMessage()`两种方式。前者适用于简单的值传递,而后者则提供了更安全、灵活的跨窗口通信解决方案。在实际开发中,应根据项目需求和安全性考虑...
在本文中,我们将深入探讨如何使用layUI框架的layer.open方法在content中打开一个数据表格,并获取选定值以便进行后续处理。layUI是一款基于 layui 的前端 UI 框架,它提供了丰富的组件和便捷的API,包括弹层、表单...
例如,`window.open("cwin.aspx?value=123")`,然后在`cwin.aspx`中解析查询字符串获取值。 2. **Session存储**:可以将值存储在服务器端的Session对象中,两个窗口共享同一个Session,通过Session ID来访问。例如...
例如,当父页面调用`window.open`或`window.showModalDialog`函数打开子页面时,可以通过URL拼接参数来传递数据。但是,这种方式存在一些局限性: 1. **资源浪费**:如果参数不需要变化,每次跳转都会将这些参数发送...
- **`window.open()`函数**:在父页面中,可以使用`window.open(url, name, features, replace)`,其中`url`可以包含传递的参数,而子页面可以通过上述方式解析。 2. **子页面到父页面传参**: - **`window....