Ejecutar codigo jQuery al entrar a la web

Ciel · #1 (**permalink**) 12/09/2010, 16:49

Hola a todos,

Tengo una pequeña duda, que creo que es algo BASTANTE facil de hacer, pero realmente no logro encontrar la forma, mas que nada porque es algo un tanto dificil de buscar... o por lo menos a mi no se me ocurrio con que palabras buscar y la verdad que no encontre resultado en google.

Resulta que estoy testeando con un plugin de jQuery, especificamente este: http://stanlemon.net/projects/jgrowl.html

Un ejemplo de su uso seria asi:

Código HTML:

Ver original<a onclick="$.jGrowl('Texto Aqui');">Boton</a>

Pero yo necesito que el mensaje aparezca al entrar a la web y no al presionar un boton... como seria esto?

Gracias de antemano y disculpen si esto no va aca, quizas no es necesario saber jQuery para ejecutar ese codigo al entrar en la web, pero realmente no estoy seguro de esto.

Saludos.

tredio · #2 (**permalink**) 12/09/2010, 19:01

prueba asi

Código Javascript:

Ver original<scritp>
$(document).ready(function(){
    $.jGrowl('Texto Aqui');
});
</script>

o

Código HTML:

Ver original<body onload="$.jGrowl('Texto Aqui');">

Ciel · #3 (**permalink**) 13/09/2010, 04:24

Muchas gracias, me sirvio perfectamente... no sabia que existian atributos asi de eventos y aparte que se podian poner en el body.

De paso una pequeña duda... cual es mas conveniente? la verdad que en cuanto a optimizacion no se mucho del lenguaje web... pero supongo que teniendo la opcion del html es mejor optar por esta que usar javascript para algo tan sencillo no? Aunque se me hace que es una diferencia trivial en este caso pero quisiera saber de todos modos que conviene o cuales son las ventajas y desventajas de los 2 metodos.

Gracias.

echoTREBOR · #4 (**permalink**) 13/09/2010, 19:41

igual... en los dos necesitas de javascript para ser mostrado...

usa el primero que te dio tredio.

tredio · #5 (**permalink**) 13/09/2010, 21:55

como te dijeron, el primero es mejor, por que? simplemente por que asi separas el codigo html del codigo javascritp y en futuros cambios que quieras hacer es mas facil de esa manera.

Ciel · #6 (**permalink**) 14/09/2010, 07:07

Ahhh... yo pense que el onload era una propiedad del html o algo asi.

Muchas gracias por el dato.

EDIT: Acabo de probar el primer codigo y cuando abro la pagina no pasa nada =s

tredio · #7 (**permalink**) 14/09/2010, 11:57

pon el codigo para ver que puede estar pasando. o un link a la pagina donde lo haces.

Ciel · #8 (**permalink**) 14/09/2010, 16:05

Recien lo volvi a probar y por alguna razon esta vez funciono... recien probe poniendolo arriba de todo al codigo... o sea, tengo varios scripts en la pagina y creo que antes lo puse mas abajo... no se si importa el orden en este caso o que, no se si sera esa la razon por la que ahora funciona pero bueno...

tredio · #9 (**permalink**) 14/09/2010, 16:17

bueno yo siempre pongo todo el codigo javascript y css entre las etiquetas <head></head>, puedes que lo hayas puesto muy abajo y la pagina ya se habia cargado antes de ejecutar el script y por eso el evento se lanzo antes que lo definieras.

Ciel · #10 (**permalink**) 14/09/2010, 16:19

La verdad no se, puede ser... pero ojo, yo tambien los javascripts y css los pongo en el head.

De todas formas, gracias a todos.