Meilleur Plugin de message d'État jQuery?
Quel est le meilleur plugin de message d'état jQuery?
J'aime jGrowl et ronronner , mais jGrowl n'a pas la fonctionnalité de rester collant (pas fermé automatiquement) et ronronner ne semble pas fonctionner correctement dans IE 6.
Je voudrais montrer des messages comme... le site est sur le point de tomber pour la maintenance, votre tel ou tel travail est terminé, et des choses comme ça.
9 réponses
JGrowl semble avoir sticky-voir l'exemple 2 dans la page de démonstration:
Https://github.com/stanlemon/jGrowl
...ah - ou voulez-vous dire après que la page a rechargé?
Je traiterais alors cela du côté serveur-c'est-à-dire inclure un sitedown.js qui déclenche la notification growl chaque fois qu'une page est visitée.
Quelques options...
-
Messages humanisés (
Démo, 3 KB) a l'air très cool, et a un bon déploiement d'histoire - Pines Notify (13 KB) est extrêmement personnalisable et prend en charge les thèmes jQuery UI
- jGrowl (6 KO) a réellement une option collante-use { sticky: true}
J'aime vraiment ce plugin humanmessage. Vous pouvez le personnaliser pour rester plus longtemps et changer l'apparence, etc --
Dans l'ordre de ma préférence
Noty http://needim.github.com/noty/ 6kb | Nécessite jQuery | Github
Humaine-JS https://github.com/wavded/humane-js | Démo | GitHub
JQuery UI Growl Notification http://www.erichynds.com/jquery/a-jquery-ui-growl-ubuntu-notification-widget/
-
Pins Informer http://pinesframework.org/pnotify/ 15 KO | SourceForge-Mercurial
SmokeJS https://github.com/jyoungblood/smoke.js | Github
Js Message http://dhtmlx.github.com/message/ 4KO | MIT | GIthub
Nous avons commencé à utiliser http://boedesign.com/demos/gritter/ et je dois dire qu'il accomplit le grognement osx se sentir mieux que les autres listés hors de la boîte.
Nous avons trouvé le code simple suivant de west-wind très utile dans notre projet.
Http://www.beyondweblogs.com/post/Display-Fancy-Status-Message-using-JQuery.aspx
- j'ai utilisé jQuery Noty plugin avant, mais après v2, il n'utilise pas de fichier css. Vous devriez inclure trop de fichiers js si vous utilisez des options différentes.
-
Toastr est une bonne alternative. L'utilisation est simple et il est activement développé projet.
Il a l'option top-Full-width et bottom-full-width sans utiliser d'autre fichier js.Repo: https://github.com/CodeSeven/toastr
Démos: http://codeseven.github.io/toastr/ -
Pnotify est un plugin très détaillé et facile à utiliser. Il a trop d'options qui semble amusant et a une page de démonstration très utile.
Repo: https://github.com/sciactive/pnotify
Démos: http://pinesframework.org/pnotify/#demos-simple
Voici un widget jQuery de notification de style Popup Outlook:
Il y a un joli message humanisé ici: http://www.websanova.com/plugins/humanmsg/jquery#websanova