установка всплывал DIV в центре экрана

Question

я творю всплывающее Div

его размер 521px и высота 400px

теперь я хочу, чтобы установить его получить отображается в центре экран или окно браузера, независимо от размера окна браузера ..

Heres мой javascripe код ...

<script type="text/javascript"> 
function show_update_profile() 
    { 
     document.getElementById('black_fade').style.display='block'; 
     var dw = document.getElementById('div_register').style.width; 
     alert(dw); 
     document.getElementById('div_register').style.left= ((window.innerWidth)-dw)/2; 
    } 
</script> 

линия alert(dw); отображает ширину DIV .... но литий ne после thaT ISNT WORKING ... PLS помочь мне в этом вопросе ...

Answer 1

Что такое выход тревоги (Dw)? Если это содержит некоторую единицу измерения (например, «123px») вам нужно разобрать его в междунар прежде чем использовать его в расчет:.

var dw = parseInt(document.getElementById('div_register').style.width); 

Answer 2

dw - строка, заканчивающаяся px; вам нужно сначала позвонить parseInt, чтобы получить номер сам по себе. Однако, используя JavaScript длинный путь вокруг проблемы, которая может быть легко решена с помощью CSS:

#div_register { 
    left: 50%; 
    top: 50%; 
    margin: -200px -260px; 
} 

Answer 3

Должно быть:

//remove extra dot 
document.getElementById('div_register').style.left= ((window.innerWidth)-dw)/2;