Pasar valores a una hoja de estilos.

[mdk]

Hola, Tengo las siguientes variables con las que calculo el alto y ancho de la ventana del navegador:

var alto = screen.availHeight;
var ancho = screen.availWidth;

Alguien me sabria decir como puedo pasar estas variables a una hoja de estilos "style.css" para que me cree una layer de ese alto y ancho?

[JavierB]

Hola mdk

A ver si te ayuda este enlace sobre leer Css

Saludos,

[mdk]

Pues me he kedado igual :S es ke soy nuevo en esto de las hojas de estilos y javascript

[derkenuke]

Creo que te refieres a usar un expression dentro de una hoja de estilos CSS.

Puedes leer un ejemplo de ello en http://www.adp-gmbh.ch/web/css/expression.html, se trata de colocar código javascript dentro de la hoja de estilos.


¿Es asi?

[mdk]

ssiiiiiiiiiiiiiiiiii justo eso, gracias :D

[mdk]

Vale.. ahora tengo otro problema, al usar...

height: expression(screen.availHeight);
width: expression(screen.availWidth);

Me pone el tamaño total de la pantalla, pero no el disponible como deberia, sabeis como solucionarlo? :S

[derkenuke]

Es que screen.availHeight se refiere al tamaño de la pantalla (resolución), no al tamaño de la ventana del navegador.

No sé si será muy rebuscado el código, en realidad es una propiedad. Pero por si acaso no se respetan los estándares... http://www.3wstudio.com.ar/index.php?idPost=184


Un saludo.

[mdk]

Pero como hago para pasar una variable de esas a la hoja de estilos? :S

[mdk]

No obstante el screen.availHeight se refiere a la zona disponible de la pantalla (espacio disponible en el navegador) y lo de screen.height se refiere al tamaño de la pantalla. Con screen.availHeight me iba bien directamente en una pagina, pero al meterlo en la hoja de estilos es cuando tengo el problema :(

[derkenuke]

La función que está en esa página web te devuelve el tamaño de la ventana, supongo que podrás separar los valores de width y height (si te devuelve una cadena utiliza split(",") ) y llevar los valores dentro de expression:

Código PHP:

  a=funcion().split(",");
w=a[0]; h=a[1];

width:expression( w+"px" )
height:expression( h+"px" ) 
   

Supongo que así te funcionará.

saludos.

[mdk]

Gracias, pero asi tampoco va. No obstante he estado buscando por posts antiguos y he encontrado esto:

Alto en internet explorer: document.body.clientHeight
Ancho en internet explorer: document.body.clientWidth

Alto en Netscape: window.innerHeight
Ancho en Netscape: window.innerWidth

[derkenuke]

Bueno, netscape ya casi no se desarrolla, así que casi nadie lo usa. Llamémoslo estándar.

Me he fijado en la función TamVentana(), supongo que tú también. Resulta que te devuelve un array, supongo que habrás pasado por alto el split() que yo te puse.

Mira a ver si con esas propiedades que has posteado te funciona como esperas.


Un saludo.

[mdk]

Si, con lo que te he posteado me va bien, ahora lo que me interesa es hacerme unas variables segun mis necesidades de cordenadas para los layers, ya ire preguntando si tengo dudas ^^