2012-01-07 11 views
2

divの内容を別のものに表示することはできますか?たとえば、テキストや画像などのコンテンツを保持するメインのdivを作りたいとします。この隣には、divという小さな番号(div)(サムネイルのような)のプレビューが表示されます。別のDIVにDIVコンテンツを表示する方法

サーバー側の言語は使用できません。/ html/cssおよびJavaScriptライブラリのみです。

+1

「プレビュー」とはどういう意味ですか?すべての同じコンテンツが、あなたの小さなdiv、またはすべてのスクロールバー、またはトップビットだけの抽出、または同じコンテンツのすべてに合うようにズーム...または? – nnnnnn

+0

はい、すべて同じ内容ですが、Googleドキュメントのプレゼンテーションツールやパワーポイントのように小さくなります。 –

答えて

1

jQueryプラグインjquery.fracsは、<canvas>を使用してドキュメントのアウトラインを表示します。私はそれを自分で使ったことはありませんが、ニーズに合わせてカスタマイズすることができます。前のリンクでは、これを使用して右の文書アウトラインを表示します。また、内部計算を示すより深いdemoもあります。

+0

どのように私はそれを使用することができますか?私はhtml/css/jsでプレゼンテーションツールを構築しています。そのため、プレビュー機能が必要です。 –

+0

私の答えの最初のリンクはかなり良い文書ですが、jQueryとfracsプラグインが必要です。ドキュメントを除いて、私はそれを設定しようとしたことはありませんので、私はさらに助けることはできません申し訳ありません。おそらく著者に直接連絡してみることができますか? – andyb

0

私の意見では、あなたの制限で最も簡単な解決策は、iframeを使うことです。さまざまな議論やクロスブラウザーのような問題がありますが、そのすべてについてGoogleに取り組むことができます。 IMO IEはとにかく死んでいます...

私はAJAXを提案しますが、あなたはそれをすることはできません。

ここでは、開始するための基本的なコードをいくつか紹介します。

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

OR

この「プレビューコンテンツボックス」を開催し、それが完璧取得するためにCSSを使用するために特別のdivを作成します。 これでよろしいですか?

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

関連する問題