647d7d7ad6627b0557670b93a9eab03ece9eb3a5.svn-base 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <meta name="renderer" content="webkit" />
  7. <title>链接</title>
  8. <link rel="stylesheet" href="../../../../cross/css/cross.css" type="text/css" />
  9. <link rel="stylesheet" href="../../../../cross/css/cross.ui.css" type="text/css" />
  10. <link rel="stylesheet" href="../../../../iconfont/iconfont.css" type="text/css" />
  11. <!--[if lt IE 9]>
  12. <script type="text/javascript" src="../../../../cross/js/respond.min.js"></script>
  13. <![endif]-->
  14. </head>
  15. <body>
  16. <div class="pt30 plr20">
  17. <div style="width:400px; height:300px; padding:20px">
  18. <div style="margin:4px 0; padding:5px; background:#EEF7F5; text-align:left; color:#000; border-radius:3px; border:1px solid #D7EAE2; " class="tips">
  19. 我是iframe页面:<a href="a.html" target="_blank">a.html</a>
  20. </div>
  21. <input class="input-text" id="aInput" value="我是小A">
  22. <a href="javascript:;" class="c-btn-tiny c-btn-blue" id="aButton">传递给B页面</a>
  23. <div class="mt10">
  24. <a href="javascript:;" class="c-btn-tiny c-btn-blue" id="exit">关闭并返回数据到主页面</a>
  25. <a href="javascript:;" class="c-btn-tiny c-btn-blue" id="reload">刷新主页面</a>
  26. </div>
  27. </div>
  28. </div>
  29. <script type="text/javascript" src="../../../../cross/js/jquery/1.8.3/jquery.js"></script>
  30. <script type="text/javascript" src="../../../../cross/js/cross.ui.js"></script>
  31. <link rel="stylesheet" href="../../../../widget/artDialog/4.1.7/css/artDialog.css" type="text/css" />
  32. <script type="text/javascript" src="../../../../widget/artDialog/4.1.7/js/artDialog.js"></script>
  33. <script type="text/javascript" src="../../../../widget/artDialog/4.1.7/js/iframeTools.js"></script>
  34. <script type="text/javascript">
  35. $(function(){
  36. if (art.dialog.data('test')) {
  37. $('#aInput').val(art.dialog.data('test'));
  38. };
  39. // 传递给B页面
  40. $('#aButton').on('click', function () {
  41. var aValue = $('#aInput').val();
  42. art.dialog.data('aValue', aValue);// 存储数据
  43. var path = art.dialog.data('homeDemoPath') || './';
  44. art.dialog.open(path + '../widget/artDialog/4.1.7/demo/b.html?fd', {
  45. id: 'AAA',
  46. close: function () {
  47. var bValue = art.dialog.data('bValue');// 读取B页面的数据
  48. if (bValue !== undefined) $('#aInput').val(bValue);
  49. }
  50. }, false);
  51. });
  52. // 关闭并返回数据到主页面
  53. $('#exit').on('click',function () {
  54. var origin = artDialog.open.origin;
  55. var aValue = document.getElementById('aInput').value;
  56. var input = origin.document.getElementById('art-iframe-text');
  57. $(input).val(aValue);
  58. $(input).select();
  59. art.dialog.close();
  60. });
  61. // 刷新主页面
  62. $('#reload').on('click',function () {
  63. art.dialog.data('iframeTools', '我知道你刷新了页面~哈哈'); // plugin.iframe.html可以收到
  64. var win = art.dialog.open.origin;//来源页面
  65. // 如果父页面重载或者关闭其子对话框全部会关闭
  66. win.location.reload();
  67. return false;
  68. });
  69. });
  70. </script>
  71. </body>
  72. </html>