データベースページ全体の内容をhtmlページに表示したい。データベースからレコードをフェッチしてArrayListに格納しようとしている。 PostgreSQLデータベースを使用してJavaでそれを行う最良の方法は何ですか?配列のデータベースから値を表示
答えて
あなたはこれらの「プレビュー」を埋め込むためにiframeを使用していますか?
この場合、iframe要素自体を大きくしてから、transform: scale()
を使用してターゲットサイズに再度スケールします。
次の例を確認してください - 最初の200ピクセル* 200ピクセルのiframeのように、iframeのコンテンツにexample.com
を使用しました。このサイトは応答しません。
2番目のiframeは500px * 500pxで、縮尺は.4
で200pxです。このように要素を拡大縮小すると、元々は確保されていた領域が残っているので、div要素の内側に配置され、オーバーフローをカットします。あなたが知っておくべきこと
iframe, #i2 { width: 200px; height: 200px; }
#i2 { overflow: hidden; display: inline-block; }
#i2 iframe { width: 500px; height: 500px; transform:scale(.4); transform-origin: top left; }
<iframe src="https://example.com/">
</iframe>
<div id="i2">
<iframe src="https://example.com/">
</iframe>
</div>
https://jsfiddle.net/5hk9m446/
一つは、これはただのウェブサイトでは動作しませんということです。 X-Frame-Options
ヘッダーのウェブサイトを経由すると、はが異なるドメインの(i)フレームに表示されないようにブラウザに指示できます。その場合、iframeを使ってクライアント側で行うことはできません。おそらく、プレビューをイメージサーバー側などにレンダリングする必要があります。
CSSトランスフォームを使用すると、iframeを縮小することができます。 この例を参照 http://jsbin.com/wiperebifa/edit?html,css,output
マウスイベントがこれらのページをターゲットにしていることにも注意してください。 iframe上にガラスパネルを使用してこれらのイベントをキャプチャすることができます。あるいは、iframeを非表示にしてキャンバスでコンテンツを表示することもできます。
iframeの代わりにdivタグだけを使っても可能です@ Nick Rassadin – user3909042
nop ... iframeはロードするだけですそれをレンダリングします。 Selenium Webdriverを使用して、サーバー側でスクリーンショットイメージをレンダリングすることもできます。 –
- 1. 配列からの値を表示
- 2. データベースからの表示値
- 3. 表示MySQLデータベース配列
- 4. Cでの文字列配列からのフル値を表示
- 5. JSON配列からHTML5のテーブルへの値を表示
- 6. PHPの配列から数値を表示
- 7. 配列から特定の値を表示する - Laravel
- 8. 既知の値からキーに配列を表示するPug
- 9. データベースと配列の一致する配列データを表示
- 10. ノックアウトjs配列からウェブページに配列値を表示する方法
- 11. Nativescript:コレクション/配列からURL配列から表示画像リストビュー
- 12. 多角形配列から値を表示する方法
- 13. リストビューの配列の値を表示
- 14. 配列データベースから
- 15. 各行の配列に値を表示
- 16. ページに配列の値を表示
- 17. 配列の値を表示する-Ajax
- 18. テーブルからデータベースから取得した値を表示
- 19. Rails 4.2:表示形式のpostgres配列値を表示
- 20. 表示し、キー値の配列警告
- 21. 表示異なる値の配列
- 22. データベースの値を表示
- 23. データベースの値を表示
- 24. データベースからユーザープロファイルを表示
- 25. データベースからカテゴリを表示
- 26. データベースからアイコンを表示
- 27. データベースからの表示
- 28. 私のデータベースから表示
- 29. データベースからの選択オプションのテーブルに他の値を表示
- 30. mysqlデータベースから値を取得し、PHPの配列に格納
あなたのウェブサイトをおそらく応答させるようにしてください。 –
@KoustavRayコメントに加えて、Googleのウェブサイトは応答性があるため、見栄えが良いことがわかります。 –
正しいですが、divがホストされているメインページは反応しません。オーバーフローが有効になっています。 –