tmp.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>iframe</title>
  6. <style>
  7. html,body{
  8. margin: 0;
  9. height: 100%;
  10. font: 13px/1.555 "Trebuchet MS", sans-serif;
  11. }
  12. a{
  13. color: #888;
  14. font-weight: bold;
  15. text-decoration: none;
  16. border-bottom: 1px solid #888;
  17. }
  18. .main-box {
  19. color:#252525;
  20. padding: 3px 5px;
  21. text-align: justify;
  22. }
  23. .main-box p{margin: 0 0 14px;}
  24. .main-box .cerr{
  25. color: #f00000;
  26. border-bottom-color: #f00000;
  27. }
  28. </style>
  29. </head>
  30. <body>
  31. <div id="content" class="main-box"></div>
  32. <iframe src="" frameborder="0" id="spelltext" name="spelltext" style="display:none; width: 100%" ></iframe>
  33. <iframe src="" frameborder="0" id="loadsuggestfirst" name="loadsuggestfirst" style="display:none; width: 100%" ></iframe>
  34. <iframe src="" frameborder="0" id="loadspellsuggestall" name="loadspellsuggestall" style="display:none; width: 100%" ></iframe>
  35. <iframe src="" frameborder="0" id="loadOptionsForm" name="loadOptionsForm" style="display:none; width: 100%" ></iframe>
  36. <script>
  37. (function(window) {
  38. // Constructor Manager PostMessage
  39. var ManagerPostMessage = function() {
  40. var _init = function(handler) {
  41. if (document.addEventListener) {
  42. window.addEventListener('message', handler, false);
  43. } else {
  44. window.attachEvent("onmessage", handler);
  45. };
  46. };
  47. var _sendCmd = function(o) {
  48. var str,
  49. type = Object.prototype.toString,
  50. fn = o.fn || null,
  51. id = o.id || '',
  52. target = o.target || window,
  53. message = o.message || { 'id': id };
  54. if (type.call(o.message) == "[object Object]") {
  55. (o.message['id']) ? o.message['id'] : o.message['id'] = id;
  56. message = o.message;
  57. };
  58. str = JSON.stringify(message, fn);
  59. target.postMessage(str, '*');
  60. };
  61. return {
  62. init: _init,
  63. send: _sendCmd
  64. };
  65. };
  66. var manageMessageTmp = new ManagerPostMessage;
  67. var appString = 'lf/23/unpacked_js/spell.js';
  68. var toolsString = 'lf/23/js/tools.js';
  69. var parseUrl = function(){
  70. var serverUrl = window.location.hash.replace( /^#server=/, '' );
  71. return serverUrl;
  72. };
  73. var url_version = function() {
  74. var frameNumber = window.location.hash.match( /\?.*$/ )[0].replace( /^\?/, '' );
  75. return frameNumber;
  76. };
  77. function loadScript(src, callback) {
  78. var scriptTag = document.createElement("script");
  79. scriptTag.type = "text/javascript";
  80. callback ? callback : callback = function() {};
  81. if(scriptTag.readyState) {
  82. //IE
  83. scriptTag.onreadystatechange = function() {
  84. if (scriptTag.readyState == "loaded" ||
  85. scriptTag.readyState == "complete") {
  86. scriptTag.onreadystatechange = null;
  87. setTimeout(function(){scriptTag.parentNode.removeChild(scriptTag)},1)
  88. callback();
  89. }
  90. };
  91. }else{
  92. //Others
  93. scriptTag.onload = function() {
  94. setTimeout(function(){scriptTag.parentNode.removeChild(scriptTag)},1);
  95. callback();
  96. };
  97. };
  98. scriptTag.src = src;
  99. document.getElementsByTagName("head")[0].appendChild(scriptTag);
  100. };
  101. window.onload = function(){
  102. toolsString = parseUrl() + toolsString;
  103. appString = parseUrl() + appString;
  104. loadScript(appString, function(){
  105. manageMessageTmp.send({
  106. 'id': 'iframeOnload',
  107. 'target': window.parent
  108. });
  109. });
  110. }
  111. })(this);
  112. </script>
  113. </body>
  114. </html>