jNotify — Affichez une boite de notification animée

jNotify permet de faire surgir une boite pour informer l’utilisateur du bon ou du mauvais déroulement des opérations. Les trois sortes de boites prévues (information, succès et échec) sont totalement personnalisables via les CSS. L’appel des fonctions s’effectue en spécifiant une ligne par type de notification désirée. Il est possible d’appeler une fonction de Callback à votre convenance. Dix options permettent de paramétrer la largeur de la boite, le délai d’apparation, la position, la gestion de l’overlay (couleur, opacité), etc.

Exemple d’appel de jNotify :

<script type="text/javascript">
    $(document).ready(function(){
        $("a.exemple").click(function(e){
            e.preventDefault();
            jNotify(
                'Here the message !!<br />You can write HTML code <strong>bold</strong>, <i>italic</i>, <u>underline</u>',
                {
                    MinWidth : 250,
                    TimeShown : 3000,
                    ShowTimeEffect : 200,
                    HideTimeEffect : 200,
                    LongTrip :100,
                    HorizontalPosition : 'center',
                    VerticalPosition : 'top',
                    ShowOverlay : true,
                    ColorOverlay : '#000',
                    OpacityOverlay : 0.3
                },
               function(){
                    jNotify(
                        'Notice box in Center-Center shown after the first notification !!',
                        {HorizontalPosition : 'center',VerticalPosition:'center'}
                        );
                }
            );
        });
    })
</script>

La démonstration interactive vous permettra de tester toutes les options en direct-live et de copier-coller le script qui en résulte.

→ Rendez-vous sur www.myjqueryplugins.com/jNotify