2016-04-11 41 views
-1

我想在html頁面上顯示我的數據庫表的全部內容。我試圖從數據庫中首先獲取記錄並將其存儲在ArrayList中。使用PostgreSQL數據庫在java中執行它的最佳方式是什麼?從數組中的數據庫中顯示值

+1

嘗試讓您的網站響應也許? –

+0

除了@KoustavRay評論,你可以看到谷歌的網站看起來不錯,因爲它響應。 –

+0

正確,但主要的div被託管的頁面不響應..加上它已溢出啓用.. –

回答

1

您使用iframe來嵌入這些「預覽」,我認爲?

在這種情況下,您可以通過使iframe元素本身變大來實現此目的,然後使用transform: scale()將其縮小到目標大小。

檢查以下示例 - 我使用iframe內容的example.com,該網站沒有響應,如您在第一個200px * 200px iframe中所看到的。

第二個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)不同域中的幀中顯示。在這種情況下,你不能在iframes的客戶端做它;你可能不得不作爲圖像服務器端或類似的東西渲染預覽。

0

CSS轉換可以幫助您縮減iframe。 看到這個例子 http://jsbin.com/wiperebifa/edit?html,css,output

請注意iframes你的鼠標事件是針對這些頁面。 您可以在iframe上使用玻璃窗格來捕獲這些事件,或者您可以隱藏iframe並使用畫布顯示其內容。

+0

是否可以使用div標籤來代替iframe ....... @ Nick Rassadin – user3909042

+0

nop ... iframe是唯一的加載方式網站並呈現它。或者,您可以使用Selenium Webdriver在服務器端渲染截圖圖像。 –