2013-06-26 75 views
0

我有一個javascript函數來顯示一個隱藏的元素,並將其放置在屏幕的中心。如果窗口調整大小,我也想讓它重新定位。這是我到目前爲止:Javascript彈出功能

function togglePopup(element, screen, position) { 
element = document.getElementById(element); 
if (element.style.display === '') { 
    element.style.display = 'block'; 
    if (screen === true) { 
     document.getElementById('screen').style.display = 'block'; 
    } 
    if (position === true) { 
     positionPopup(element); 
     window.onresize = positionPopup(element); 
    } 
} else { 
    element.style.display = ''; 
    if (screen === true) { 
     document.getElementById('screen').style.display = ''; 
    } 
} 

return false; }

所以這個函數需要一個元素的ID,以及它後面是否有一個屏幕,以及它是否要定位在屏幕上。如果它將被定位,我需要將它重新定位在window.onresize上,但這似乎不起作用。我怎樣才能正確地做到這一點?

+1

我建議你用CSS定位。 –

+0

我只是看着這個進一步和固定的定位應該工作。 JavaScript只需要設置負邊距。 – Sean

回答

0

你不需要推倒重來,就這個一看:

http://jqueryui.com/dialog/

+0

我沒有設計網站,它有一些阻止jQuery正常工作的其他JavaScript庫,所以我正在尋找一個JavaScript修復。 – Sean