Alternativa a body onload?

Asyolath · #1 (**permalink**) 20/04/2007, 09:07

Me gustaría saber si hay alguna manera de hacer lo mismo que hace la etiqueta <body onload="funcion()">, pero desde el código javascript, es decir, sin tener que mezclar html con javascript en un mismo archivo.

JavierB · #2 (**permalink**) 20/04/2007, 09:31

Hola Asyolath

Pon el el head de la página:

window.onload = funcion;

Saludos,

Asyolath · #3 (**permalink**) 20/04/2007, 09:44

Gracias Javier, pero el script sigue sin funcionar, solo me funciona con la propiedad onLoad de body o si añado el archivo .js al final del html

Asyolath · #4 (**permalink**) 20/04/2007, 15:20

Explicaré mejor mi problema. Tengo un código de javascript metido en el archivo principal.js que sirve principalmente para borrar el texto por defecto de los <textarea> y <input type="text"> cuando el foco se sitúa en ellos, es un código muy sencillo:

Código:

...

function textoDefecto()
{
inputs= document.getElementsByTagName('input');
for(i=0; i<inputs.length; i++)
{
if (inputs[i].type=="text")
{
inputs[i].onfocus= function(){if (this.value==this.title){this.value='';}}
inputs[i].onblur= function(){if (this.value==''){this.value=this.title;}}
}
}

textes= document.getElementsByTagName('textarea');
for(i=0; i<textes.length; i++)
{
textes[i].onfocus= function(){if (this.value==this.title){this.value='';}}
textes[i].onblur= function(){if (this.value==''){this.value=this.title;}}
}
}

window.onload= textoDefecto(); // o addLoadEvent(textoDefecto()); supongo que conocéis la función

El código html:

Código HTML:

<html xmlns="..." xml:lang="en">
<head>
...
<script type="text/javascript" src="principal.js"></script>
</head>
<body>
...
<form>
...
<input type="text" name="titulo" title="Titulo defecto" value="Titulo defecto"/>
...
<textarea name="texto" title="Texto defecto">Texto defecto</textarea>
...
</form>
...
</body>
</html>

Si hago lo de <body onload="textoDefecto();"> me funciona a la perfección, pero con window.onload no funciona ni tampoco da error. ¿Alguien me puede decir porqué?

frijolerou · #5 (**permalink**) 20/04/2007, 16:07

Cuando usas window.onload tienes que colocar el nombre de la función sin los paréntesis, de otra forma la función se ejecutará al momento de ser leída esa línea.

[code]
window.onload = textoDefecto;
[code]

Si necesitas pasar un parámetro debes recurrir a lo siguiente:

Código:

window.onload = function()
{
    textoDefecto(parametro);
}

Si necesitas ejecutar más de una función debes recurrir a lo mismo anterior, de otra forma sólo se ejecutaría laúltima de la lista.

Código:

window.onload = function()
{
    textoDefecto(parametro);
    otraFuncion();
}

Asyolath · #6 (**permalink**) 20/04/2007, 17:18

Muchas gracias

, parece mentira que algo tan sencillo me haya dado tantos dolores de cabeza :D