2016-04-11 20 views
-1

データベースページ全体の内容をhtmlページに表示したい。データベースからレコードをフェッチしてArrayListに格納しようとしている。 PostgreSQLデータベースを使用してJavaでそれを行う最良の方法は何ですか?配列のデータベースから値を表示

+1

あなたのウェブサイトをおそらく応答させるようにしてください。 –

+0

@KoustavRayコメントに加えて、Googleのウェブサイトは応答性があるため、見栄えが良いことがわかります。 –

+0

正しいですが、divがホストされているメインページは反応しません。オーバーフローが有効になっています。 –

答えて

1

あなたはこれらの「プレビュー」を埋め込むために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を使ってクライアント側で行うことはできません。おそらく、プレビューをイメージサーバー側などにレンダリングする必要があります。

0

CSSトランスフォームを使用すると、iframeを縮小することができます。 この例を参照 http://jsbin.com/wiperebifa/edit?html,css,output

マウスイベントがこれらのページをターゲットにしていることにも注意してください。 iframe上にガラスパネルを使用してこれらのイベントをキャプチャすることができます。あるいは、iframeを非表示にしてキャンバスでコンテンツを表示することもできます。

+0

iframeの代わりにdivタグだけを使っても可能です@ Nick Rassadin – user3909042

+0

nop ... iframeはロードするだけですそれをレンダリングします。 Selenium Webdriverを使用して、サーバー側でスクリーンショットイメージをレンダリングすることもできます。 –

関連する問題