欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

jquery在子页面获取父页面信息

更新时间: 2014-01-05 01:50:43 责任编辑: Author_N1

 

Jquery在子页面获取父页面信息,在线等
在父页面有一个table,table中有很多行信息,点击其中一行可以弹出一个页面显示其详细信息。然后在弹出页面有一个查看下一条的button,点击之后可以查看到table中的下一条数据详情。
--参考方法--
1.html

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
<table id=table>
<tr><td>1111</td><td><input type="button" value="show" onclick="pop(this)"/></td></tr>
<tr><td>2222</td><td><input type="button" value="show" onclick="pop(this)"/></td></tr>
<tr><td>3333</td><td><input type="button" value="show" onclick="pop(this)"/></td></tr
<tr><td>4444</td><td><input type="button" value="show" onclick="pop(this)"/></td></tr
<tr><td>5555</td><td><input type="button" value="show" onclick="pop(this)"/></td></tr
<tr><td>6666</td><td><input type="button" value="show" onclick="pop(this)"/></td></tr
</table>
 </body>
 <script>
function pop(btn){
var obj = {parent:window,
   tr:btn.parentNode.parentNode,//tr
   table:document.getElementById("table")
  }
window.showModalDialog('2.html',obj);
}
 </script>
</html>

2.html

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  <label id='lbl'></label>
  <input type=button value="next" onclick="next()"/>
 </body>
 <script>
var lbl = document.getElementById('lbl'),
    wParent = window.dialogArguments.parent,
table = window.dialogArguments.table
tr = window.dialogArguments.tr;
lbl.innerHTML = tr.childNodes[0].innerHTML;
function next(){
tr = table.rows[tr.rowIndex + 1];
lbl.innerHTML = tr.childNodes[0].innerHTML;
}
 </script>
</html>
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:50:43
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/1914/
本文WWW.DOC100.NET DOC100.NET版权所有。