Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/05/2012, 15:51
natig
 
Fecha de Ingreso: enero-2007
Mensajes: 323
Antigüedad: 17 años, 11 meses
Puntos: 9
llamada función estilo div

Hola,

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:
Ver original
  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  2. <title>Documento sin título</title>
  3. <link rel="stylesheet" href="estilos_ej_java.css" type="text/css" />
  4. <script language="JavaScript">
  5. function addWidth() {
  6.     var mydiv = document.getElementById("mydiv");
  7.     var curr_height = parseInt(mydiv.style.height); // removes the "px" at the end
  8.     mydiv.style.height = (screen.width * 0.2)+"px" ;
  9. }
  10. </head>
  11.  
  12. <input type="button" value="Make Bigger" onclick="addWidth()" />
  13. <div id="mydiv" style="width:100%" ></div>
  14. </body>
  15. </html>

Funciona perfecto, pero yo quiero que la función se ejecute automáticamente, no con un botón. Es decir, que al cargar la web, se asigne al alto de la capa lo que corresponda. ¿Cómo llamo a la función?, ¿dónde la llamo?

Gracias!