Comment utiliser les Pins Informer plugin jquery?

Je veux afficher les notifications sur mon site à l'aide de Pins Informer plugin jQuery
mais je ne sais pas comment l'utiliser. Quelqu'un pourrait-veuillez fournir un exemple de code?

Quelle est votre question? Quels problèmes êtes-vous confrontés?

OriginalL'auteur Mohammad Adil | 2010-11-12

  1. 13

    C'est le seul lien que j'ai trouvé de la documentation:
    http://sourceforge.net/apps/mediawiki/pines/index.php?title=Pines_Notify

    C'est la réponse correcte. Dresse la liste des options avec les descriptions et le type de données de l'option.
    Oui, c'est le meilleur de la documentation disponible, mais il est encore assez rares. Les gestionnaires d'événements et les méthodes n'existent pas 🙁

    OriginalL'auteur campo

  2. 4

    C'est assez simple à trouver.

    1. Aller à la forêt de pins notifier site web: http://pines.sourceforge.net/pnotify/

    2. Cliquez sur les boutons jusqu'à ce que vous trouver le type d'effet que vous voulez le faire vous-même.

    3. Dans google Chrome ou Firefox w/Firebug, juste à droite, cliquez sur le bouton de l'effet que vous voulez. Vous verrez une balise input, et que vous voulez le code à l'intérieur de la onclick="":

    
onclick="$.pnotify({
    pnotify_title: 'Regular Notice',
    pnotify_text: 'Check me out! I\'m a notice.'
});"

    Donc, si vous voulez appeler cela à la fin de votre code html doc après que vous avez chargé jquery, vous venez de faire quelque chose comme ceci:

    
//call your jquery and pines notify plugin scripts first

$.pnotify({
   pnotify_title: 'Whatever the Title Is',
   pnotify_text: 'This is the text of the notice!'
});

    Évidemment, il ya plus d'options, et vous pouvez les trouver par l'inspection de la source de la page de démonstration, ou en regardant les pins plugin jquery et de trouver où ils définissent les options.

    OriginalL'auteur Ken Griffith

  3. 2

    Il ressemble à la documentation de Pins Notifier est plutôt défaut. Mon conseil est de regarder dans le code source HTML de la site de démonstration. Tous le JavaScript est sur cette page (avec des tonnes de inline gestionnaires d'événements, beurk).

    OriginalL'auteur Matt Ball

  4. 0

    Assurez-vous d'inclure les fichiers appropriés dans votre code HTML. Alors, voici quelques exemple de code javascript. 

    function gaserror(){
var distance = Number(document.cars.distance.value);
switch( $('#listofcars :selected').text())
{
    case 'Volvo':
        if (distance>500)
            {
            $.pnotify({
                title: 'Error',
                text: 'You have run out of gas!',
                addclass: 'custom',
                type: 'error',
                opacity: 0.8,
                nonblock: true,
                nonblock_opacity: 0.2,
                sticker: false,
                stack: false,
                mouse_reset: false,
                history:false, //prevents the yellow error history tab from appearing after error triggered
                before_open: function(pnotify) {
                        pnotify.css({
                            "top": ($(window).height() / 2) - (pnotify.height() / 2),
                            "left": ($(window).width() / 2) - (pnotify.width() / 2)
                        });
                    }
                });
            }
        break;}}

    OriginalL'auteur hexicle