Creare div con height dinamico

[Asia82]

Ciao a tutti sto cercando di creare un DIV che sovrappone la pagina con opacità ma deve essere dinamico cioè deve avere come lunghezza quella della pagina, ho trovato uno script che me lo permetta e l' ho adattato per quello che mi serviva...cosa manca o cosa sbaglio? Come richiamo successivamente la funzione all'interno della pagina per la visualizzazione?

<script type="text/javascript">
function creatediv() { 
   var newdiv = document.createElement(’div’);
   newdiv.setAttribute(’id’, id);   
   newdiv.style.position = "absolute";
   newdiv.style.width = "100%";
   newdiv.style.height = window.screen.height
   newdiv.style.background-color = "#333333";
   newdiv.style.z-index = "3";
   newdiv.style.-moz-opacity = "0.50";
   newdiv.style.opacity = "0.50";
   document.body.appendChild(newdiv);
} 


</script> 

[Asia82]

volevo dire Height dinamico!!

[Mega69]

Il js è inutile in questo caso, puoi farlo col css:

html, body { height:100%; margin:0px; padding:0px; }
#tuoelemento { display:block; height:100%; width:200px; }

[Asia82]

se utilizzo height="100%" mi copre solamente la prima parte della pagina...cioè se la pagina è lunga, nn la copre... invece utilizzando window.screen potevo prendere le reali dimensioni della pagina..

[Xinod]

no, quello che prendi con screen e' la risoluzione del monitor
a parte spazio occupato da telaio e barre varie, la finestra puo' non essere massimizzata, no?

ti interessano le dimensioni della viewport
http://www.quirksmode.org/viewport/compatibility.html
se vuoi leggi anche questo interessante articolo che introduce gli script
http://www.quirksmode.org/viewport/intro.html

ciao