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.

logo

Window.Growl 2.0.


  • avatar

    erdanblo#1 hace 401 días

    Funciona en el Safari de Windows. xDDD


  • avatar

    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 ^^


  • avatar

    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 ^^


  • avatar

    Rodrigo#4 hace 401 días

    Muy bueno! Te felicito.


  • avatar

    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


  • avatar

    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.


  • avatar

    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.


  • avatar

    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)


  • avatar

    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.


  • avatar

    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.


  • avatar

    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()


  • avatar

    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.


  • avatar

    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


  • avatar

    @ndreX!#14 hace 390 días

    Esta buenisimo... sobre todo el "Smock" para enviar varios al mismo tiempo... =)

    Enhorabuena...


  • avatar

    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


  • avatar

    IceBeat#16 hace 384 días

    @@ndreX! gracias :).

    Bueno blogger es un mundo :P.


  • avatar

    altheo#17 hace 372 días

    Qué cosas, no?


  • avatar

    IceBeat#18 hace 370 días

    Yepa! ya te digo rodrigo :P


  • avatar

    andres#19 hace 369 días

    Se puede adaptar a una aplicacion en asp.net 1.1??


  • avatar

    IceBeat#20 hace 369 días

    Claro @andres no hay problema :P.


  • avatar

    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


  • avatar

    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.


  • avatar

    Martin#23 hace 247 días

    Hi, is there a javascript like window.growl without javascript framework (ex. mootools, jquery...)? Pure javascript.


  • avatar

    IceBeat#24 hace 243 días

    I dont know martin.


  • avatar

    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


  • avatar

    Tobz#26 hace 177 días

    Hi, can you tell me which mootools Components are needed to run growl.js

    thanks


  • avatar

    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.


  • avatar

    icebeat#28 hace 163 días

    @tobz sorry. Soon new version of growl with mootools 1.2


  • avatar

    donaldo#29 hace 161 días

    wow, está genial este sistema para los mensajes, saludos


  • avatar

    metaxy#30 hace 150 días

    icebeat soon?? we have different explanation of word "soon" :D ok i'm waiting...


  • avatar

    icebeat#31 hace 146 días

    @metaxy I don't know when, sorry.


  • avatar

    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. :]


  • avatar

    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


  • avatar

    Develoweb#34 hace 94 días

    Excelente es justo loque andaba buscando, me va caer bien esta funcionalidad.

    Saludos


  • avatar

    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.