Meter Variables Javascripts en HTML

[rogoelpra]

Buenas tardes...

En mi aplicacion debo obtener las dimensiones de la Ventana gracias a Javascript.

Esto lo logro con:

Código PHP:

  <script language="JavaScript">
    var anchoventana = screen.width; 
    var altoventana = screen.height;
    </script> 
  

Mi Inquietd es que en el diseño debo crear un div de tamaño igual y/o menor a las dimensiones que el codigo anterior me genera.

Por decir algo:

Obtuve

1280 x 800

Debo crear un div de

1260 x 500

En HTML normal seria :

<div id="main" style="height:500px;width:1260px;overflow:auto">

Como puedo hacer para pasar las variables de Javascript a HTML...

GRACIAS

[JavierB]

Hola rogoelpra

Puedes hacer algo así:

Código:

<div id="main" style="overflow:auto">
<script type="text/javascript">
  document.getElementById('main').style.width = anchoventana+'px';
  document.getElementById('main').style.height = altoventana+'px';
</script>

Aunque creo que lo más sencillo sería utilizar Css:

Código:

body,html {height:100%}
#main {width:100%; height:100%}

Saludos,

[rogoelpra]

Mil Gracias JavierB... Funciona Correctamente y es justo lo que necesitaba...

Aprovecho para preguntarte si tu sabes como puedo lograr el efecto del editor de foros del web en la opcion de Cambiar modo del editor... . Ya logre implementar un editor similar en mi web pero quisiera poder previsualizarla antes de enviarla de la misma manera que esta opcion ofrece...

TE AGRADEZCO MUCHO