Foros del Web » Programando para Internet » Javascript »

pasar variable offsetHeight a un css o style

Estas en el tema de pasar variable offsetHeight a un css o style en el foro de Javascript en Foros del Web. hola amigos tengo un datalle estoy haciendo una pagina con divs este es mi codigo del style <style type="text/css"> html,body{margin:0;padding:0} #wrapper{float:left;width:100%;} #content{margin-left:200px;height:300px; overflow:auto;} #navigation{float:left;width:200px;margin-left:-100%;overflow: auto;} ...
  #1 (permalink)  
Antiguo 01/08/2006, 12:38
Avatar de chalchis  
Fecha de Ingreso: julio-2003
Mensajes: 1.773
Antigüedad: 20 años, 9 meses
Puntos: 21
pasar variable offsetHeight a un css o style

hola amigos tengo un datalle estoy haciendo una pagina con divs
este es mi codigo del style

<style type="text/css">
html,body{margin:0;padding:0}
#wrapper{float:left;width:100%;}
#content{margin-left:200px;height:300px; overflow:auto;}
#navigation{float:left;width:200px;margin-left:-100%;overflow: auto;}
#extra{clear:left;width:100%}
</style>


este es mi codigo que me dice de cuanto es la altura de mi resolucion actual
if (parseInt(navigator.appVersion)>3) {
if (navigator.appName=="Netscape") {
winW = window.innerWidth;
winH = window.innerHeight;
}
if (navigator.appName.indexOf("Microsoft")!=-1) {
winW = document.documentElement.offsetWidth;
winH = document.documentElement.offsetHeight;
}
}


como puedo pasarle este valor winH de javascript al heigth del style #content{margin-left:200px;height:300px; overflow:auto;

sera esto posible???

gracias
saludos
espero sus comentarios
__________________
gerardo
  #2 (permalink)  
Antiguo 01/08/2006, 15:32
Avatar de chalchis  
Fecha de Ingreso: julio-2003
Mensajes: 1.773
Antigüedad: 20 años, 9 meses
Puntos: 21
una posible solucion que ya me sale

<div id="content">
<script language="Javascript">
window.onresize = config_alto;
function config_alto()
{

if (parseInt(navigator.appVersion)>3) {
if (navigator.appName=="Netscape") {
winW2 = window.innerWidth;
winH2 = window.innerHeight;
}
if (navigator.appName.indexOf("Microsoft")!=-1) {
winW2 = document.documentElement.offsetWidth;
winH2 = document.documentElement.offsetHeight;
document.getElementById('content').style.height=wi nH2+'px';
}
}
//alert("configurando:"+winH2);
}


document.getElementById('content').style.height=wi nH2+'px';
</script>
.
.
.
.
.</div>

funcionan bien cuando modifico las dimensiones de la ventana desde una esquina o cuando maximizo la ventan, el problema es porque, no se ejecuta el evento si trato de dimensionar la ventana desde la base o sea desde la parte inferior de la ventana

saludos
espero sus somentarios
__________________
gerardo
  #3 (permalink)  
Antiguo 01/08/2006, 15:44
Avatar de chalchis  
Fecha de Ingreso: julio-2003
Mensajes: 1.773
Antigüedad: 20 años, 9 meses
Puntos: 21
lo curioso es que con mozilla si funcionan desde donde dimensione desde cualquier lado el div se ajusta pero como dije desde explorer no se deja a menos que sea desde una esquina


que sera o que me falta
__________________
gerardo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:38.