如何在另一个DIV中显示DIV内容

是否有可能在另一个DIFF中显示一个div的内容？例如：我想制作一个主要的div，它将保存一些内容，例如文本和图片。在此旁边将会有一个较小的div，显示主要的div的预览（如缩略图）。如何在另一个DIV中显示DIV内容

不允许服务器端语言：/只有html/css和JavaScript库。

你是什么意思的“预览”？所有相同的内容，但不知何故放大到适合你的小div，或所有相同的内容与滚动条，或只是最高位的摘录，或......？ – nnnnnn 2012-01-07 13:16:51

是的，所有相同的内容，但更小，就像在谷歌文档演示工具，或功率点。 – 2012-01-07 13:19:59

jQuery插件jquery.fracs使用<canvas>来显示文档的轮廓。我自己并没有使用它，但是您可以根据自己的需要进行定制。上一个链接使用它来显示右侧的文档大纲。还有一个更深入的demo显示内部计算。

2012-01-07 13:28:33 andyb

任何想法如何使用它？我只在html/css/js中构建演示工具，这就是为什么我需要“预览”功能。 – 2012-01-07 13:33:29

我的答案中的第一个链接有很好的文档，但你需要jQuery和压裂插件。除了文档，我从来没有尝试过设置它，所以对不起，我不能进一步帮助。你可以尝试直接联系作者？ – andyb 2012-01-07 13:52:05

对你来说最简单的解决方案就是你的限制，在我看来就是使用iframe。有各种各样的辩论和跨浏览器的问题，但你可以谷歌所有关于它。 IMO IE已经死了......

我会建议AJAX，但你说你不能这样做。

这里是一些基本的代码，让你开始。

<iframe src="blank.html" height="100" width="200">Error Msg for not capable</iframe>

创建一个特殊股利持有这种“预览内容框”，并使用CSS来得到它恰到好处。现在，你可以这样做：

<iframe src="blank.html" height="100%" width="100%">Error Msg for not capable</iframe>

希望这可以帮助你！

2012-01-07 20:01:10

回答