如何基于iFrame内容动态生成信息？

Question

我有一个iFrame，允许人们直接向网络服务器发布信息，但在发布之前，他必须先登录....就像这样：

________________________
[______I inject --->_X_]
|                      |
|     iFrame           |
|        Login         |
|                      |
________________________

我可以通过单击X按钮隐藏框架，但在用户登录后，我希望有这样的内容：

________________________
[____________________X_]
|                      |
|    Post Your         |
|        Msg           |
|    (iFrame)          |
|                      |
________________[POST]__

它就像某些记笔记程序中的一些限幅器，当用户点击“发布”按钮时，msg将被发送到服务器，同样，iFrame将会消失。但我在这里遇到了问题....如何粘贴帖子按钮？它应该在iframe或客户端，就像X一样，我在客户端注入？ 如果帖子按钮在客户端，我可以在Post Your msg iFrame表单中添加一个隐藏的提交按钮，当用户点击它时，我只是让用户点击隐藏的提交按钮。但问题是，当用户没有登录时，我只需要在帖子按钮中登录。但我无法检测到iFrame内部发生了什么。我该如何实现这个帖子按钮？谢谢 。

Answer 1

我认为你想要做的是创建一个div，将它放在屏幕的中心并给它一个更高的z-index，这样盒子看起来就像浮动一样。所以我们有一个中央浮动框，你需要另外2个框，第一个是另一个div框（包含X），第二个是iframe。对于两者都做位置：相对; float：left使用匹配的宽度和声明的高度。从她那里你有你的iframe＆amp;在不同的世界中关闭按钮。要关闭，您需要执行类似

的操作

    $(document).ready(function(){
$('#close').click(function(){
$('#box').hide();
});
});

或者使用css或动画函数来获得类似的结果而不是hide（）。 希望这有帮助，除非我误解了一些东西。