首 页 | 精品电影 | 音乐天堂 | 在线游戏 | Flash MTV | 三湘书屋 | 幽默笑话 | 三湘图库 | 美女写真 | IT知识库 | QQ贴图 | 加入书签

网页制作网络编程图形图象操作系统冲浪宝典软件教学网络安全认证考试通信技术电子商务业内动态书籍教程原码

最近更新 文章分类 多媒体类 精品软件

本站搜索:
您的位置:三湘时空 -> IT知识库 -> 文章分类 -> Javascript教程 -> 一种常用效果的实现(Javascript的子父页访问、函数调用)
一种常用效果的实现(Javascript的子父页访问、函数调用)


文章类别:Javascript教程 来源: 作者: 发表日期:2006-5-12 字体:[ ]

小游戏 | 在线影院 | 幽默笑话 | 源码下载 | Flash MTV | 音乐试听 | 书屋 | 美女写真

效果:比如一个设备管理系统的某处要填入设备编号,但设备编号通常比较难记,而可能记住的只是哪个部门哪个位置的设备。因此,我们想在文本框旁边加一个按钮,点击之后弹出一个子页面,这里有设备编号、设备的各项详情对照的一个表格,我只要根据位置找到该设备,双击此记录,设备编号便填上去了。

实现过程:
父页面
打开新窗口的javascript函数为:
    function openpage(htmlurl)
    {
        var newwin=window.open(htmlurl,"newWin","toolbar=no,location=no,directories=no,status=no,scrollbars=yes,menubar=no,
resizable=yes,top=100,left=200,width=650,height=300");
        newwin.focus();
        return false;
    }
    </script>在按钮中调用:
<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="return openpage('child.aspx');"/>
子页面
绑定gridview的数据源,并在它的RowDataBound事件里写代码如下:
    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        string s = "window.opener.document.getElementById('textbox1').value='" + e.Row.Cells[1].Text + "'; window.close();";
        if (e.Row.RowType != DataControlRowType.Header)
        {
            e.Row.Attributes.Add("ondblclick", s);//双击选择
            //当鼠标移到的时候设置该行颜色为"", 并保存原来的背景颜色
            e.Row.Attributes.Add("onmouseover", "currentcolor=this.style.backgroundColor;this.style.backgroundColor='#C0C0FF';this.style.cursor='hand';");
            //当鼠标移走时还原该行的背景色
            e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentcolor");
        }
    }说明:通过window.open打开新页面,两个页面之前便有了一种父子关系。子页通过opener可以访问父页(控件及写在父页的js函数),父页同样通过sub可以访问子页。如在父页有个js函数sayhello(),在子页中只需要opener.sayhello()便可以调用了。

只使用很少的Javascript代码与asp.net结合,便完成了一种很好用的效果。

上一篇:数据库索引应用(ms-sql) 下一篇:CorelDRAW X3新功能体验:角效果
本栏目热门文章
·javascript+xml实现二级下拉菜单,不会被任何标签或元素遮 2005-10-4
·JavaScript Web页面内容导出到Word、Excel 2005-11-7
·用javascript连接access数据库的方法 2005-10-4
·JAVASCRIPT加密解密终级指南 2005-10-4
·TreeView节点互斥,autopostback=false的方法 2005-10-4
·网页对联广告代码效果大全 2005-11-7
·网页javascript精华代码集 2006-1-6
·Javascript的IE和Firefox兼容性汇编 2005-10-4
·利用JS获取IE客户端IP及MAC的实现 2006-1-10
·javascript应用:实现复选框全选/全不选切换 2006-1-6
新近更新文章
·网页特效:图片随机显示技巧 2006-6-15
·一个非常漂亮的脚本日历 2006-6-15
·用javascript实现(页面正在加载的效果) 2006-6-15
·调试javascript的好方法 2006-6-9
·js代码小记(判断textbox的长度,并且固定最多收入字符) 2006-6-9
·更正用AJAX实现IE TREE无刷新取值的方法 2006-6-4
·修改后的prototype.js,增加进度条和验证输入框 2006-5-28
·用js写的一个跑马灯 2006-5-28
·JS代码的格式化和压缩 2006-5-28
·突破IE屏蔽限制,自己的网站使劲弹新IE窗口 2006-5-22
首 页 | 软件发布 | 广告联系 | 下载帮助 | 意见反馈 | 网站地图
  CopyRight? 2002-2004 WWW.SXSKY.NET? All Rights Reserved
三湘时空 站长QQ:82675303 Email: