Всплывающие функции Javascript

Question

У меня есть функция 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; }

Таким образом, функция принимает идентификатор элемента и находится ли за ним экран, и если он будет размещен на экране. Если он будет размещен, мне нужно будет его переставить на window.onresize, но это, похоже, не работает. Как я могу сделать это правильно?

Answer 1

Вам не нужно изобретать велосипед, посмотрите на это:

http://jqueryui.com/dialog/