Comment afficher un message contextuel comme dans le Débordement de Pile
Je voudrais ajouter un message comme celui qui apparaît sur un Débordement de Pile quand je ne suis pas connecté et j'essaie d'utiliser les boutons de vote.
Quelle est la meilleure méthode pour réaliser cela?
C'est fait à l'aide d'une bibliothèque jquery?
- Affichage de la source!
- Il y a similar question. Vous pourriez vouloir vérifier que ainsi.
- je l'ai fait, et cela semblait faire référence à question.min.js je ne pouvais pas trouver ce plugin j'ai donc posé la question
- Dojo a un UpgradeBar qui fait cela: trac.dojotoolkit.org/browser/branches/1.6/dojox/widget/... trac.dojotoolkit.org/browser/branches/1.6/dojox/widget/...
Vous devez vous connecter pour publier un commentaire.
MODIFIER: Le code ci-dessous montre comment reproduire les barres qui s'affichent en haut de l'écran lorsque vous recevez un nouveau badge, premier arrivé sur le site, etc. Pour le vol stationnaire boîtes de dialogue que vous obtenez lorsque vous essayez de commenter trop vite, votez pour votre propre question, etc, découvrez cette question où je montre comment faire ceci ou juste aller directement à la exemple.
Voici comment Stackoverflow: des
C'est le balisage, d'abord caché afin que nous puissions en fondu:
Ici, ce sont les styles appliqués:
Et c'est du javascript (à l'aide de jQuery):
Et le tour est joué. En fonction de votre mise en page, vous pouvez également modifier le corps de la marge-haut sur l'écran.
Voici une démo de en action.
Aussi checkout jQuery UI Dialog
- Je utiliser jqModal, facile à utiliser et vous pouvez obtenir une grande effets
À l'aide de la ModalPopup en AJAX control toolkit est une autre façon que vous pouvez obtenir cet effet.
Voici ce que j'ai trouvé à partir de l'affichage de la StackOverflow source. Espérons-le, permet de gagner du temps pour quelqu'un.
Le showNotification fonction est utilisée pour tous ces messages popup.
css
Il est cool la façon dont ils utilisent la longueur du message à l'ensemble de la disparition de délai d'attente. Je ne savais pas que tous les (non-effacement de style) messages disparaître au bout de 30 secondes.
Vérifier bootstrap. Il y a un peu de pop-up, des effets, des modaux, des transitions, des alertes, le tout basé sur l'
javascript
etcss
.