necesito vuestra ayuda. Aviso de que no sé nada de javascript, pero quería hacer una cosa y he buscado información: quiero asignar el height a un div en función del ancho de la ventana. He usado este código:
Código HTML :
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link rel="stylesheet" href="estilos_ej_java.css" type="text/css" />
<script language="JavaScript">
function addWidth() {
var mydiv = document.getElementById("mydiv");
var curr_height = parseInt(mydiv.style.height); // removes the "px" at the end
mydiv.style.height = (screen.width * 0.2)+"px" ;
}
</script>
</head>
<body>
<input type="button" value="Make Bigger" onclick="addWidth()" />
<div id="mydiv" style="width:100%" ></div>
</body>
</html>Funciona perfecto, pero yo quiero que la función se ejecute automáticamente, no con un botón. Es decir, que según el tamaño de la ventana, se asigne al alto de la capa lo que corresponda, pero no solo al cargar la web, si no también cuando se varía el tamaño de la pantalla. ¿Cómo llamo a la función?, ¿dónde la llamo?
Gracias!
