父窗口提交子窗口(iframe)数据

最新推荐文章于 2023-08-01 17:50:20 发布
最新推荐文章于 2023-08-01 17:50:20 发布
阅读量167 收藏
点赞数
分类专栏： js 文章标签： xhtml java javascript ViewUI
[size=large][color=red]父窗口(list.jsp)[/color][/size] 

<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!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" />
<title>无标题文档</title>
<link rel="stylesheet"
	href="<%=basePath%>manage/themes/default/style/uistyle.css" />
<link rel="stylesheet"
	href="<%=basePath%>manage/themes/default/style/jquery-ui.css" />
<link rel="stylesheet"
	href="<%=basePath%>manage/themes/default/date/skin/WdatePicker.css" />
<script type="text/javascript"
	src="<%=basePath%>manage/themes/default/script/jquery.js"></script>
<script type="text/javascript"
	src="<%=basePath%>manage/themes/default/script/jquery-ui.js"></script>
<script type="text/javascript"
	src="<%=basePath%>manage/themes/default/script/uiscript.js"></script>
<script type="text/javascript"
	src="<%=basePath%>manage/themes/date/WdatePicker.js"></script>
<script type="text/javascript"
	src="<%=basePath%>manage/themes/date/lang/zh-cn.js"></script>

<script type="text/javascript">
	$(function() {
		// Dialog
		$('#addlivewindow').dialog({
			autoOpen : false,
			width : 600,
			buttons : {
				"Ok" : function() {

					$(this).find("#iframepage").contents().find("form").submit();
					$(this).dialog("close");

				},
				"Cancel" : function() {
					$(this).dialog("close");
				}
			}
		});


		// Dialog Link
		$('#addlive_link').click(function() {
			$('#addlivewindow').dialog('open');
			$("#iframepage").attr("src","gotoAddChannel");
			return false;
		});
		$('#addlive_link, ul#icons li').hover(function() {
			$(this).addClass('ui-state-hover');
		}, function() {
			$(this).removeClass('ui-state-hover');
		});
	});

	function testChannel(){
	var sid=$("#serverId").val();
		if(sid==-1){
			alert('选择服务器.');
			return false;
		}

		var url='<%=basePath%>manage/video/server/channel/testChannel';
		$.post(url,{serverId:sid,channelName:$("input[id=sourceChannel]").val()},function(data){
			if(typeof data.state ==='string'){
				if(data.state=='error'){
					alert(data.message);
					$("input[name=checkState]").val(-1);
				}else{
					alert(data.message);
					$("input[name=checkState]").val(1);
				}
			}
		},'json');
	}

	function changeAD() {
		if(document.getElementById("autoFlag").checked) {
			$("#playAD").attr("disabled",false);
			 $("#bufferAD").attr("disabled","");
		}else {
			$("#playAD").attr("disabled","");
			 $("#bufferAD").attr("disabled",false);
		}
	}

</script>

</head>

<body id="concentbox">
	<div id="concent" style="height: 900px;">
		<div class="concent_title">
			<ul>
				<li><a class="nomala" href="#">首页</a></li>
				<li>></li>
				<li><a class="nomala" href="#">媒资</a></li>
				<li>></li>
				<li><a class="nomala" href="#">服务器</a></li>
				<li>></li>
				<li><a class="nomala">频道发布点</a></li>
			</ul>
		</div>
		<!--mlist-->
		<div class="mlist">
			<div class="mlist_title">
				<h3>节目单</h3>
			</div>
				<select name='action'>
					<option value='-1' selected='selected'>批量操作</option>
					<option value='edit'>编辑</option>
					<option value='trash'>删除</option>
				</select> <input type="button" value="提交" />
				<input type="button" name="add" id="addlive_link"
					value="添加频道" />
				<table class="mlist_table" border="0" cellpadding="0"
					cellspacing="0">
					<tr class="mlist_table_title">
						<td><input class="checkall" type="checkbox" name="checkbox" />
							发布点名称</td>
						<td>服务器</td>
						<td>开启/关闭</td>
						<td>操作人</td>
						<td>操作</td>
					</tr>
					<s:iterator id="chlist" value="chlist" status="status">
						<tr class="mlist_table_con">
							<td>
								<input type="checkbox" /> ${channelName}
							</td>
							<td>${channelServer.serverName }</td>
							<td>启动状态：<s:if test="channelState==0">停止</s:if>
								<s:else>启动</s:else>  <a class="nomala"
								href="startOrStopChannel?channelId=${channelId }">关闭</a>
							 </td>
							<td>${operator }</td>
							<td><ul class="mlist_table_conul">
									<li><a class="main_icons theedit" title="编辑" href="editChannel.action?channelId=${channelId }"></a></li>
									<li><a class="main_icons thedel" title="删除" href="deleteChannel.action?channelId=${channelId }"></a></li>
								</ul></td>
						</tr>
					</s:iterator>

				</table>
			<div class="mlist_pages">
			<form action="channelList" method="get" id="pageListForm" name="pageListForm">
				${pagerContext }
			</form></div>
			</div>
			<div class="clear"></div>
		</div>
		<!--mlist end-->


	<div id="addlivewindow" title="添加直播频道">
	<input type="hidden" id="checkState" name="checkState" value="0"/>
		<iframe id="iframepage" width="100%" height="300px" frameborder="0"></iframe>
	</div>
</body>
</html>




[size=large][color=red]子窗口(add.jsp)[/color][/size] 

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet"
	href="<%=basePath%>manage/themes/default/style/uistyle.css" />
<link rel="stylesheet"
	href="<%=basePath%>manage/themes/default/style/jquery-ui.css" />
<link rel="stylesheet"
	href="<%=basePath%>manage/themes/default/date/skin/WdatePicker.css" />
<script type="text/javascript"
	src="<%=basePath%>manage/themes/default/script/jquery.js"></script>
<script type="text/javascript"
	src="<%=basePath%>manage/themes/default/script/jquery-ui.js"></script>
<script type="text/javascript"
	src="<%=basePath%>manage/themes/default/script/uiscript.js"></script>
<script type="text/javascript"
	src="<%=basePath%>manage/themes/date/WdatePicker.js"></script>
<script type="text/javascript"
	src="<%=basePath%>manage/themes/date/lang/zh-cn.js"></script>
<script type="text/javascript">
	function selectChange() {
		if(document.getElementById("autoFlag").checked) {
			document.getElementById("ndiv").style.display='none';
			document.getElementById("cdiv").style.display='block';
		}else {
			document.getElementById("cdiv").style.display='none';
			document.getElementById("ndiv").style.display='block';
		}
	}

	function testChannel(){
		var sid=$("#ser_Id").val();
			if(sid==-1){
				alert('选择服务器.');
				return false;
			}

			var url='<%=basePath%>manage/video/server/channel/testChannel';
			$.post(url,{ser_Id:sid,channelName:$("input[id=sourceChannel]").val()},function(data){
				if(typeof data.state ==='string'){
					if(data.state=='error'){
						alert(data.message);
						$("input[name=checkState]").val(-1);
					}else{
						alert(data.message);
						$("input[name=checkState]").val(1);
					}
				}
			},'json');
		}
</script>
</head>
<body>
		<input type="hidden" id="checkState" name="checkState" value="0"/>
		<form action="addChannel" method="post" name="form"  enctype="multipart/form-data">
				<input type="hidden" value="${serverId }" id="serverId" name="serverId" />
				<label for="channel_name">频道名称:</label>
				<input id="channel_name" name="channel.channelAnotherName" type="text" class="middletext" /> 
				<input id="autoFlag" type="checkbox" onclick="selectChange()"/>关联已有发布点<br/>
				选择服务器:<select id="ser_Id" name="ser_Id">
							<option value="-1">--请选择服务器--</option>
							<s:iterator value="servers" status="status">
								<option value="${serverId }">${serverName }</option>
							</s:iterator>
						</select>
				<div style="display: none;" id="cdiv">选择发布点:<select name="ch_Id">
							<option value="-1">--请选择频道--</option>
						</select></div><br />
				<div id="ndiv">
					<label for="sourceChannel">发布点名称:</label>
					<input id="sourceChannel" name="channel.channelName" type="text" class="middletext" style="width: 300px;"/>    <a href="javascript:;" onclick="testChannel()" style="color:green">检测</a><br/>
					<label for="rwmc">授权文件路径:</label>
					<input type="file" id="file" name="channelFile" />
				</div>
			</form>
</body>
</html>


[size=large][color=red]效果图(add.jsp)[/color][/size]
CM123xiaomingCM
关注
专栏目录
jquery子窗口给父窗口元素赋值和获得值,子窗口调取父窗口方法,父窗口调取子窗口方法
baidu_20876831的博客
08-17 4032
jquery子窗口给父窗口元素赋值和获得值,子窗口调取父窗口方法,父窗口调取子窗口方法   1. 子窗口给父窗口元素赋值 &lt;!-- 主题id rz--&gt;  &lt;input type="hidden" id="theme_id"&gt; /**  * 修改主题详情  * @param id  */ function modifyTheme(id){ $("#theme_id"...
父页面 调用 iframe的方法
wang_xuan_1992的博客
09-08 1688
父页面 <div class="image_content"> <iframe scrolling="yes" id='imgCon' scrolling=yes name="frame0" src="./imgContent.html"></iframe> </div> // An highlighted block //获取iframe var iframe = document.getElementById("tabList"); var iwi
iframe父子传递信息
weixin_43954090的博客
07-24 240
1.子向父通信 parent.html window.addEventListener('message',function(e){ console.log(e.data); if(e.data.msg==='xxx'){ //一些自己的业务逻辑 } }); child.html window.parent.postMessage({ msg:"xxx" },'*'); 2.父向子通信 parent
jsp页面iframe父子页面之间的调用
最新发布
qing_er_的博客
08-01 911
2. 通过iframe的name值调用父页面方法 ( 假设getSonList为子页面的一个方法)iframe页面调用父页面语法 （ 假设getDadList()为父页面的一个方法 ）1. 给iframe设置一个name值。
form表单提交 新窗口打开
热门推荐
欧阳编辑的专栏
06-14 5万+
form表单提交（非ajax模拟），默认会在本窗口打开 可以使用taget属性，设置在新窗口中打开，如： 问题跟踪系统 function doLogin(){ document.loginform.submit(); }
HTML提交弹出提交中,javascript – 从弹出窗口在父窗口中提交表单？
weixin_39954698的博客
06-08 182
您可以通过window.opener.document在父窗口中获取对表单的引用,如下所示：var form = window.opener.document.getElementById("theFormID");(您可以为表单提供ID,但还有其他方法可以执行此操作.)然后,您可以访问该表单中的字段,当然还可以设置其.value属性,您可以通过其.submit()函数提交表单.但公平警告：用户不...
子窗口与父窗口刷新
07-24
这里的"子窗口"通常指的是弹出的窗口、框架或者iframe，而"父窗口"则是打开子窗口的那个主页面。在这样的场景下，用户在子窗口中操作并提交数据后，可能希望父窗口能即时显示最新的数据，而不是手动刷新整个页面。...
JS实现iframe中子父页面跨域通讯的方法分析
10-15
()">向子窗口发送消息 <iframe id="sonIframe" src="http://192.168.2.235/son.html"></iframe> var info = { message: "Hello Son!" }; function sendInfo() { var sonIframe = document.getElementById(...
关于父窗口与子窗口传值的Demo
小小菜鸟
08-06 2932
本Demo案例为父窗口打开具有分页功能的子窗口并选择需要的值为id和id对应的值传给父窗口并以二维数组进行暂时存储，等选好之后，二维数组再把其中的元素以字符串形式分开存储在对应的input中。
html中iframe控制父页面刷新实现思路及代码
09-28
在HTML网页设计中，iframe是一个非常实用的元素，它允许将一个HTML页面嵌入到另一个HTML页面中，相当于在主页面中打开一个独立的子窗口。但是，在某些情况下，我们需要控制子页面以达到刷新父页面iframe内内容的效果...
解决跨域Uncaught DOMException: Blocked a frame with origin ** from accessing a cross-origin frame问题
gusijin的博客
11-26 2万+
问题 iframe窗口修改元素，提示Uncaught DOMException: Blocked a frame with origin ** from accessing a cross-origin frame，无法修改 解决办法： 使用 postMessage() 方法用于安全地实现跨源通信 window.postMessage(message,targetOrigin) 方法是html5新引进的特性，可以使用它来向其它的window对象发送消息，无论这个window对象是属于同源或不同源，目前IE
Iframe子父级传参
Crazy_GirlLL的博客
04-20 4700
1，父页面给子页面（iframe）传参 父级 子页面（iframe） 代码： // 父页面向子页面传递数据 父级： <iframe id="ifm" ref="ifm" :src="interviewFeedBackUrl" frameborder="no" border="0" class="flexItem"></iframe> mounted () { // iframe加载完毕后再发送消息，否则子页面接收不到message this..
iframe+postMessage实现父子页面跨域传数据
qq_55949207的博客
01-18 2350
说明：以下方式亲测有效 1、子页面向父页面传数据 top.postMesaage('消息',*) 2、父页面接收数据 window.addEventListener('message', function(e){ console.log(e.data)//e.data就是子页面传过来的消息 } 3、父页面文件parent.html <!DOCTYPE html> <html> <head> <meta charset="utf-8
使用iframe的父子页面进行简单的相互传值
time141的博客
09-02 7057
使用iframe标签嵌套页面时，通过再父页面通过接口请求的数据，如何传给子页面呢？作为一个刚刚入门的前端小白，只有边百度边写demo，研究一下iframe的父子页面的传值，如果有什么不对的地方请大家指出。 父页面：father.html,子页面:son.html 1、 ...
js 中在子窗口中提交表单关闭子窗口刷新父窗口
jiahhai的专栏
03-13 625
按需求设计，一个窗口中，点击按扭，弹出模式窗口，在模式窗口中，添加完数据后（提交），关闭模式窗口，并且刷新父窗口，而恰恰模式窗口并不支持window.opener,所以无法获得父窗口，也就是说无法在关闭模式窗口后，来得到父窗口，但是可以借助showModealDialog的返回值来判断是否刷新，当调用showModealDialog时，父窗口代码会停在这一行，当弹出的模式窗口关闭时给window....
子页面带到父页面提交
weixin_34399060的博客
06-19 123
1：父页面function findQx(qx){ var url="${pageContext.request.contextPath}/menu.action?submitFlag=toQxfpShow&roleuuid="+qx; var strs=window.showModalDialog(url,window,'dialogWidth =760px;d...
HTML中IFrame的父窗口与子窗口交互实现
当需要在IFrame中进行交互操作，如父窗口与子窗口之间传递数据或控制时，可以使用JavaScript来实现。下面我们将详细探讨如何进行这些操作。 ### 1. 父窗口获取子窗口元素的值 要从父窗口获取子窗口中的元素值，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值