Problema con Onload

odin_spain · #1 (**permalink**) 24/02/2007, 07:10

Saludos, no hace mucho me dieron aqui el siguiente codigo de una barra que se mueve:

<script type="text/javascript">
function barra(n) {
var lavelo1 = 50
document.getElementById("barrita").style.width = n + "%";
if (n < 50) setTimeout("barra(" + (++n) + ")", lavelo1);
}
</script>

Pero mi problema es que quiero que se ejecute al arrancar la pagina, pero por mas que le pongo

<body onload="barra(0)">

y cosas de ese estilo no arranca sola

Seguro que es una tonteria, pero no doy con ello.

Gracias

derkenuke · #2 (**permalink**) 24/02/2007, 07:28

¿El div "barra" existe?

Un código que sí que funciona:

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<BODY onload="barra(0)">

<div id='contenedor' style='position: relative;' >
    <div id="barrita" style="background-color: red; height: 20px; width: 0;"></div>
</div>

<script type="text/javascript">
function barra(n) {
    var lavelo1 = 50
    document.getElementById("barrita").style.width = n + "%";
    if (n < 50) setTimeout("barra(" + (++n) + ")", lavelo1);
}
</script>


</BODY>
</HTML>

Los únicos requisitos para que funcione es que el div barra exista y la función esté definida (quizás sería mejor que esté definida en el <head>).

odin_spain · #3 (**permalink**) 24/02/2007, 10:26

Mil gracias, ya funciona. Si, el fallo era ese, me suelo atascar en las cosas mas tontas.