Window.Growl 2.0
He adaptado window.growl a la versión de mootools 1.11, ahora hay dos versiones, una centrada y otra al estilo growl de toda la vida.
Como en el anterior este también tiene un sistema de cola para mandar varios mensajes a la vez.

He adaptado window.growl a la versión de mootools 1.11, ahora hay dos versiones, una centrada y otra al estilo growl de toda la vida.
Como en el anterior este también tiene un sistema de cola para mandar varios mensajes a la vez.

Ver post
Comentar
erdanblo#1 hace 401 días
Funciona en el Safari de Windows. xDDD
Gohrum#2 hace 401 días
Vaya Daniel, pues está genial. Supongo que ya lo sabrás pero también funciona en el Firefox de Windows XDDD
está estupendo. Podremos utilizarlo? Enhorabuena, es muy bonito ^^
ImZyos!#3 hace 401 días
Jejeje, no te estas quieto eh, te ha quedado genial, aunque no quedaria mal uno al estilo de todos los menus de las mac ^^
Rodrigo#4 hace 401 días
Muy bueno! Te felicito.
Geo#5 hace 400 días
Disculpa mi ignorancia, soy nuevo en el uso de Mootools ... :(
Como le hago para utilizar tu libreria ? El ejemplo no funciona si guardo la página en mi equipo :(
Podrias enviarme un ejemplo sencillisimo
IceBeat#6 hace 399 días
Gracias a todos :9.
@Gohrum claro por eso lo posteo para que lo usemos :P.
@Geo mirate los foros de mootools y el mootorial de clientside. Aunque mirando el codigo fuente ves más o menos como lo hago.
Cuxtom#7 hace 398 días
Mira por donde yo bicheando tu primera versión y ahora sacas esta. Pues nada a tocatearla, por cierto me va gustando esto de mootools.
Geo#8 hace 397 días
No me funciona :(
No se que hago mal, copio todos los archivos a mi server, pagina, mootools.v1.11.js, css.css,growl.jpg y growl.js
Pero no me funciona, mi Firebug me reporta este error
this.queue has no properties this.queue.push(last+1); growl.js (line 70)
IceBeat#9 hace 396 días
@Cuxtom Me alegra que te guste MooTools.
@Geo Tienes url? estas usando mas js? puede que exista alguna incompatibilidad, no lo se, si hay dirección no estaría mal ver que pasa.
Diego#10 hace 396 días
Muy bueno, pero me temo que no se como implementarlo en una web. ¿Podrías hacer un minututorial? Sería muy esclarecedor, para mi y para muchos otros que empiezan con MoTools. Gracias por todo y un saludo.
Geo#11 hace 395 días
Ya determine la causa de mi problema :D
Tienes que modificar la ruta de las imagenes de fondo:
Growl.Bezel = new Gr0wl.Bezel(ruta); Growl.Smoke = new Gr0wl.Smoke(ruta);
El script supone q estan en el mismo directorio, si corriges las rutas ya no tienes el error de queue.getLast()
SadRacH#12 hace 395 días
genial Daniel, probé tu primera versión y estaba esperando con ansias la actualización para moo 1.11..
ahora seria genial si alguien saca un plugin para WP.. XD
saludos.
IceBeat#13 hace 393 días
@Diego mirando un poco el codigo de la demo puedes ver más o menos.
@Geo anda creo que se me olvido decirlo, en la versión anterior si que lo dije. Me alegra que hayas dao con el error.
@SadRacH Jejej pideselo a anieto ;P
@ndreX!#14 hace 390 días
Esta buenisimo... sobre todo el "Smock" para enviar varios al mismo tiempo... =)
Enhorabuena...
rockorn#15 hace 387 días
OOO que seria si blogger tendria un buen sistema de comentarios http://icebeat.bitacoras.com/post/123/ejemplo-del-sistema-de-comentarios-con-ajax bueno ojala viva aun para verlo quien puede adaptar un buen sistema de comentarios a blogger disculpen por hablar de otro tema
IceBeat#16 hace 384 días
@@ndreX! gracias :).
Bueno blogger es un mundo :P.
altheo#17 hace 372 días
Qué cosas, no?
IceBeat#18 hace 370 días
Yepa! ya te digo rodrigo :P
andres#19 hace 369 días
Se puede adaptar a una aplicacion en asp.net 1.1??
IceBeat#20 hace 369 días
Claro @andres no hay problema :P.
CeRBeR#21 hace 342 días
Hi Very Nice Tutorials but I can't find u use mootools component plz tel him
Thank You
Ciao
Roylix#22 hace 320 días
Hola IceBeat ya intente todo lo posible para hacer funcionar el ejemplo del growl y nada, lo copie tal cual del ejemplo (solo el ejemplo no tengo mas nada) tengo los js y nomas no, el unico archivo que no tengo es el css no se si importa?? y si es asi como lo consigo, esta muy dificil por mas que uno mire el codigo, ojala y me dieres una explicadita de como se usa.
Martin#23 hace 247 días
Hi, is there a javascript like window.growl without javascript framework (ex. mootools, jquery...)? Pure javascript.
IceBeat#24 hace 243 días
I dont know martin.
Zerterone#25 hace 216 días
Hola IceBeat, voy intentar escribir en castellano, aunque hace mucho tiempo que no pratico. Estuve intentando usar a Growl sin conseguir que funciona completamente. Te ago la lista des los problemas que encontre: _"var last = this.queue.getLast() this.queue has no properties" line 58 (se corige poniendo las imagenes que esta esperando en el mismo sitio que la pagina) _mismo mensaje si ago CTRL+F5, pero la segunda vez, funcione correctamente (parece que la propriedad "queue" se necesita mas temprano) _conflictos de CSS : la imagen de Smoke aperece a 100% del navegador,la de Bezel es correcta. Aunque que esta muy bien echo , no lo puedo añadir a mi pagina sin hacer modificaciones a lo que ya ize de mi parte.
Si me permites , quiero hacer unas sugestiones : _saca el CSS en un fichero : asi se ve lo que es realmente necessario (position:absolute, z-index, top,etc) de lo que es "estilo" (font,text-align).Y si es necessario se puede cambiar la "class" (or "id") rapidamente para hacer variaciones. _el script debe tener en cuenta que no hay imagenes (si por ejemplo alguien solo quiere background-color) _conflictos de CSS: ahora no se puede reglarlos porque la imagen y la "div" no tiene id .Pequena modificacion pero una integracion mas limpia.
Un excellente trabajo. :)
Si quieres mas informacion : usa mi email.
Zerterone
Tobz#26 hace 177 días
Hi, can you tell me which mootools Components are needed to run growl.js
thanks
tobz#27 hace 165 días
for everyone having problems with this.queue not having properties, make sure your path to the images is correct (at bottom of growl.js) if those images load then it will work.
icebeat#28 hace 163 días
@tobz sorry. Soon new version of growl with mootools 1.2
donaldo#29 hace 161 días
wow, está genial este sistema para los mensajes, saludos
metaxy#30 hace 150 días
icebeat soon?? we have different explanation of word "soon" :D ok i'm waiting...
icebeat#31 hace 146 días
@metaxy I don't know when, sorry.
sushi#32 hace 139 días
Thanks for this mod icebeat!!
FYI: I discovered that after downloading the compressed version of mootools (v1.11) directly from the "mootools" website I get a "class not defined" error and your script will not execute. I tested this ONLY in Firefox 2.x (Mac)...
After I grabbed the compressed version you are using for the demo (http://icebeat.bitacoras.com/mootools/growl/mootools.v1.11.js) everything works as expected. :]
KANT#33 hace 136 días
Buenas,
Fantastico sistema de Growl pero tengo que decir que no termina de funcionar al menos en lo que yo quiero utilizar.
Me explico un poco mas, mi idea es que cuando se recarga la pagina, lance el growl...
window.onload = function (){ growl.Bezel
etc...
En firefox todo funciona perfecto, pero en IE ni a tiros, solo hace efecto una vez refresco la pagina, llevo dias alucinando con el tema, me he cansado ya, si alguien se le ocurre algo, he probado desde el domready de mootools hasta nose cuantas librerias como el ELO.js etc..
Un saludo de antemano
Develoweb#34 hace 94 días
Excelente es justo loque andaba buscando, me va caer bien esta funcionalidad.
Saludos
IceBeat#35 hace 89 días
@Develoweb Hace poco sacamos una versión para la beta, aunque bueno la dirección apunta al nuevo así que supongo que ya lo sabrás jeje.