HTML页面将添加到iFrame中

时间:2012-10-30 23:25:03

标签: javascript html css gwt

我在gwt中创建了一个iFrame。我需要在IFrame中绘制一些SVG。这就是我在做的事情 1.创建一个IFrame 2.调用调用其他几个js文件的jsp文件。 3.绘制图形

Problem- 我期待所有图形都在iFrame上,而它实际上是在iFrame中创建一个新的HTML页面。我怎么能阻止这个。同样,新的HTML页面没有向我显示滚动条,我怎么能添加它,因为我的所有图形都流出来并且对我来说不可见。有没有办法这样做。请帮我一些指示。

我不确定如何复制代码,所以我还没有这样做。

谢谢!

  <html>
  <head>
  <script type="text/javascript">
   alert("Inside the jsp file");
   var criticalPath = window.top.criticalPath;

   </script>
   </head>
   <body>
   <script type="text/javascript" src="./js/flow.js"></script>          
   </body>
   </html>

考虑上面的代码,其中flow.js正在绘制饼图。现在所有这些代码都是用jsp文件编写的。这个jsp代码是从iframe的gwt代码中调用的。现在我希望这个饼图在iFrame中,而是在iFrame中创建新的HTML页面

     <iFrame>
     <html>
             ..........
     </html>
     </iFrame>

我不希望这种情况发生。同样,在iFrame中创建的新html没有滚动条,因为我的饼图正在失去焦点。为什么会这样?有什么原因吗?

1 个答案:

答案 0 :(得分:1)

iFrame始终包含HTML文档。这是为iFrame标签创建的。您的jsp文件在此iFrame中呈现为HTML文档。

要添加滚动条,请将CSS添加到jsp文件中。在包含svg图像的元素上设置overflow:auto。