js 点击按钮弹出另一页,选择值后,返回到当前页

2013-12-11  来源:本站原创  分类:javascript技巧  人气:2 

js 点击按钮弹出另一页,选择值后,返回到当前页,其实主要用于cms系统中,相关文章的搜索,要在已上传目录中选择一些图片等。

1。 效果图:
js 点击按钮弹出另一页,选择值后,返回到当前页

2。 主页面的代码:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function open_windows_and_get_selectedinfo(openwindow, control, control2) {
var str = window.showModalDialog(openwindow, window, "dialogWidth=740px;dialogHeight=600px;center=yes;help=no;resizable=no;status=no");
if (!str)
return;
document.getElementById(control).value = str[0];
document.getElementById(control2).value = str[1];
} 

</script>
</head>
<body>
<form id="form1" runat="server">
<div id="autosuggest" style="width:160px;font-size:12px;"><ul></ul></div>
<div>
<input id="txtActive" runat="server" readonly="readonly" />
<input type="button" id="selectActive" runat="server" onclick="javascript:open_windows_and_get_selectedinfo('TestEdt.aspx','hfActive','txtActive')" value="..." />
<asp:HiddenField ID="hfActive" runat="server" />
</div>
</form>
</body>
</html>

3。 弹出页面的代码:

复制代码 代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<base target="_self">
<head runat="server">
<title></title>
<script type="text/javascript" language="javascript">
function dbclick_return_and_close(strid, strvalue) {
alert("执行该方法!");
var str = new Array(strid, strvalue); 

window.returnValue = str;
window.close();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="#" onclick="javascript:dbclick_return_and_close( '1', 'aaaaaaa');">点击这一行,带值返回到原页面</a>
</div>
</form>
</body>
</html>
相关文章
  • js 点击按钮弹出另一页,选择值后,返回到当前页 2013-12-11

    js 点击按钮弹出另一页,选择值后,返回到当前页,其实主要用于cms系统中,相关文章的搜索,要在已上传目录中选择一些图片等. 1. 效果图: 2. 主页面的代码: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript">

  • HTML+CSS点击按钮弹出文件选择框的最佳方案 2015-03-26

    网页设计中,对于文件选择框(HTML的file标签),出于美观或者体验等等的原因,我们对他的默认外观并不满意,我们可能希望点击一个按钮直接弹出文件选择框,这个很多人认为很简单,但是由于浏览器兼容的原因,主要是在IE8中,不允许调用隐藏file标签的click方法,这个并不容易实现. 很多人会考虑使用flash控件或者ActiveX控件,这个方法功能上没问题,但是对客户机的环境有依赖,并不完美. 经过仔细研究和试验,找到了一个看上去比较完美的设计方案,基本上不存在浏览器兼容问题.基本设计思路就是,

  • 点击按钮弹出背景半透明圆角层效果(点击弹出隐藏层) 2011-07-30

    <!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-

  • 在Firefox下js select标签点击无法弹出 2013-12-01

    在Firefox下js select标签点击无法弹出,在IE和CHROME下没有此现象 在项目中运用到了JQUERY UI,用到了其中的disableSelection()方法,这个方法是让页面上的指定元素无法通过鼠标拖拽进行选择. 由于某些需求,我在给div使用了此方法后,达到了上述效果,但是有不足的地方. 在Firefox下运用此方法后,div中的select方法点击之后将会无法弹出,在IE和CHROME下没有此现象.

  • js实现遮罩层弹出框的方法 2014-11-13

    这篇文章主要介绍了js实现遮罩层弹出框的方法,可实现对遮罩层弹出框的样式定义.按钮事件及相关功能的技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了js实现遮罩层弹出框的方法.分享给大家供大家参考.具体分析如下: 昨天公司网站需要弹窗提示一些信息,要我在把弹窗的js代码和弹窗窗口html写在一起哪里需要就调用 不说那么多了,直接上代码,感觉肯定会有兼容问题,看到了请指出啊: <style> #H-dialog{display:none;position:absolute;z-in

  • javascript 仿开心网好友印象功能(点击文字弹出印象框) 2014-12-23

    这是仿开心网的好友印象添加功能,在输入框里提交印象词后,即可显示在网页上,点击文字弹出印象评语提示框.想用的朋友最好在重新美化一下,我觉得还是不错的. 仿开心网好友印象功能 色鬼你懂个啥----休息帅气天涯地方无法形容才子 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • 利用javaScript实现点击输入框弹出窗体选择信息 2015-04-21

    这篇文章主要是对利用javaScript实现点击输入框弹出窗体选择信息进的实例行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 在这里奉上源代码,没有做样式处理,不过功能是可以的,希望大家可以和我交流交流! <html> <head> <title>点击弹出DIV选择信息</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword

  • Js Jquery创建一个弹出层可加载一个页面 2013-10-05

    Js Jquery创建一个弹出层,当加载一个页面进弹出层时出现乱码,示例代码如下,大家可以参考参考 <!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" conte

  • 在flash 单击按钮,弹出指定要求的窗口 2013-11-21

    在flash 单击按钮,弹出指定要求的窗口的实现代码. 选中指定按钮后,在flash代码编辑窗口中添加: stop(); this.onRelease = function(){ getURL("javascript:openWin();"); } 在包含改Flash文件的页面中,添加如下JavaScript脚本 复制代码 代码如下: <script type="text/JavaScript"> <!-- function openWin() {

  • jquery原创弹出层折叠效果点击折叠弹出一个层 2014-01-11

    今天整理最近项目里用到的一个小效果,点击折叠弹出一个层给用户填写信息,感兴趣的朋友可以学习下 弹出层效果很多网站上都用到,今天就整理最近项目里用到的一个小效果,点击折叠弹出一个层给用户填写信息.弹出层代码都是jq动态创建,每个人写法都不一样,需求也不一样,所有选择符合自已的即可. html: <h1 class="bm"><a href="javascript:;">我要报名</a></h1> 复制代码 代码如下: *

  • JS模仿MSN右下角弹出提示框代码 2014-04-23

    JS模仿MSN右下角弹出提示框代码,需要的朋友可以参考下. aa click [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • jsp中点击图片弹出文件上传界面及预览功能的实现 2014-04-28

    点击图片弹出文件上传界面的效果,想必大家都有见到过吧,在本文为大家详细介绍下在jsp中是如何实现的,并对具体的实现代码做简要的介绍,感兴趣的朋友不要错过 花了两天时间琢磨一下图片预览的功能 任务需求如下: 1:jsp页面中有一个图片(pic_1) 2:点击图片弹出类似于资源管理器的界面 3:选择完某一个图片之后在pic_1处预览 我在IE8上试验下面这段代码,可以实现上述功能,没有在别的浏览器中测试,如果各位朋友知道多种浏览器的支持方法,请赐教,共同学习,谢谢. <!DOCTYPE html P

  • js操作IE浏览器弹出浏览文件夹可以返回目录路径 2014-07-17

    这篇文章主要介绍了js操作IE浏览器弹出浏览文件夹并可以返回目录路径,需要的朋友可以参考下 如图所示: 可以返回目录路径. 操作如下: function BrowseFolder(){ try{ var Message = "请选择文件夹"; //选择框提示信息 var Shell = new ActiveXObject( "Shell.Application" ); var Folder = Shell.BrowseForFolder(0,Message,0x00

  • 利用js实现遮罩以及弹出可移动登录窗口 2015-01-16

    本篇文章是对使用js实现遮罩以及弹出可移动登录窗口的实现方法进行了详细的分析介绍,需要的朋友参考下 <!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"&g

  • 解决js中window.open弹出的是上次的缓存页面问题 2015-01-17

    本文为大家介绍下如何解决js中window.open弹出的是上次的缓存页面的问题,下面有个不错的示例,感兴趣的额朋友可以参考下 解决window.open打开的页面会保存缓存的问题. 在页面的head标签中加入以下代码 <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Cache-Control" content="no-cache&qu

  • JS+CSS实现Div弹出窗口同时背景变暗的方法 2015-03-09

    这篇文章主要介绍了JS+CSS实现Div弹出窗口同时背景变暗的方法,是一款比较典型的javascript操作弹出窗口的技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了JS+CSS实现Div弹出窗口同时背景变暗的方法.分享给大家供大家参考.具体实现方法如下: <html> <head> <title>JS+CSS实现的Div弹出窗口,同时背景变暗</title> <script> function locking(){ docume

  • js与css实现弹出层覆盖整个页面的方法 2015-03-23

    这篇文章主要介绍了js与css实现弹出层覆盖整个页面的方法,分别以实例形式展示了弹出层覆盖整个页面的css样式与js控制的实现技巧,非常具有实用价值,需要的朋友可以参考下 本文实例讲述了js与css实现弹出层覆盖整个页面的方法.分享给大家供大家参考.具体实现方法如下: 弹出层透明背景加框的常用样式和结构如下: .alertMessageBg{ position:fixed; _position:absolute; width:100%; height:100%; left:0; top:0; b

  • js中常用的弹出对话框3种方式 2013-10-03

    javascript下自带的三个弹出对话框效果,需要的朋友可以参考下.下面对各个函数的说明也有使用用途, 1:只是提醒,不能对脚本产生任何改变: 2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断 3:一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的插入UBB格式图片 下面我们分别演示: 三种弹出对话框的用法实例 对话框有三种 1:只是提醒,不能对脚本产生任何改变: 2:一般用于确认,返回 true 或者 fa

  • JS实现定时页面弹出类似QQ新闻的提示框 2014-02-09

    类似QQ新闻的提示框要求页面每隔半小时弹出一次提示消息,下面有个不错的实现方法,感兴趣的朋友可以参考下 还是在做联通IOM项目时遇到的一个需求,要求页面每隔半小时弹出一次提示消息(消息以类似QQ新闻的形式弹出).当时上网找的这么一个资料,已经不记得原文出处了 <html> <head> <title>JavaScript提示框</title> <script type="text/javascript"> <!-- /*

  • js鼠标滑过弹出层的定位IE6bug解决办法 2014-02-13

    大家在写div+css的时候经常会用到弹出层,由于IE6的bug,所以当使用多个标签重复写弹出层的时候会遇到后面的层压在了弹出层的上面;用Jquery给弹出层的z轴依次增加高度可解决.代码很简单,效果很显著,需要了解的朋友可以参考下 大家在写div+css的时候经常会用到弹出层,由于IE6的bug,所以当使用多个标签重复写弹出层的时候会遇到后面的层压在了弹出层的上面,这种问题在火狐浏览器下可以用z-index来解决,但是在IE6下面是不起作用的,下面的代码给大家提供了一种此类问题的解决办法,原理