PNotify - väga kohandatav teatise pistikprogramm

Mõne meiega, kes on pidevalt hõivatud, hoiatavad teated iga olulise sündmuse, uudiskirja ja teabe peal. See vähendab ooteaega, kui suudate meid viimaste sündmustega uuendada, ja pole ime, et me saame nii töölaua kui ka mobiiltelefoni kohta teatisi..

Kui soovid siiski oma saidile teatamist luua, saate selle hõlpsasti luua selle pluginaga, mida nimetatakse PNotifyks. See on tasuta ja avatud lähtekoodiga javascript plugin, millel on palju võimalusi ja mida on lihtne kasutada. PNotify abil saate korraga kuvada isegi kuni 1000 teadet (vaata seda võrdlusuuringut). Kui lahe on see?

Miks kasutada PNotify?

PNotify, varem tuntud kui Pines Notify, kannab kolme peamist teavitusliiki: info, teade ja viga. Sellel on hulk funktsioone, efekte, teemasid ja stiile. Võite valida erinevaid stiile Bootstrap, jQuery UI, Font Awesome või oma stiiliga. Seal on ka umbes 18 valmis teemat (tehtud Bootswatchiga), millest saate valida ja kus on isegi üleminekuefektid.

Suur asi PNotify on see, et see ei ole lihtsalt awesome graafilised omadused, kuid see on ka rikastatud võimas ja rikas API (või moodulid). Need API-liidesed sisaldavad töölaua teateid (põhinevad veebi teatiste standardil), dünaamilist värskendustoetust, mitmesuguste sündmuste tagasikutsumist, ajaloo vaatajat, et näha eelmisi teateid ja HTML-tuge pealkirjas ja kehas.

PNotify pakub märkamatu teatamine mis tähendab, et saate klõpsata teate taga oleval elemendil ilma seda tagasi lükamata. Saate määrata ka, kus teavitus kuvatakse koos Stacks-funktsioonidega, mis võimaldab teil paigutada teate kõikjal: ülemise / alumise riba stiili või isegi tööriista näol.

Põhikasutus

PNotify allikad on kohandatud kohandatavate pakettmoodulite all ja saadaval siin.

Alustamine

Pärast allikate saamist lisage need oma HTML-i:

PNotify on väga lihtne kasutada. Siin on lihtne teade:

 $ (funktsioon () new PNotify (title: 'Simple Notification', tekst: 'Hei, ma olen lihtne teade.'));); 

Ja see on tulemus:

Põhimõtteliselt algatate teate loomiseks uue PNotify funktsiooni. Pealkirja, teksti, stiili ja muid valikuid saab seejärel funktsiooni sees edastada. Kui te ei teavita, siis kasutab see vaikimisi tüüpi, mis on a teade. On umbes 20+ konfigureeritavat valikut sa võid edasi minna. Loendi vaikeväärtusega nägemiseks klõpsake siia.

Stiil

Stiili muutmiseks saate selle üle anda stiil teatises ja määrake soovitud stiil. Olemasolevad stiilid on bootstrap2, bootstrap3, jqueryui ja fontawesome. Ära unusta sisaldama seotud stiilis allikaid oma projekti raames.

Näiteks, kui soovin muuta eelmist teavitusstiili jQuery kasutajaliidese teemaks, kasutan järgmist fragmenti:

 uus PNotify (title: "jQuery UI Style", tekst: "Hei, ma olen kujundanud jQuery UI teema.", stiil: "jqueryui"); 

Selle koodi abil on võimalik märkida ka oma märkust.

 PNotify.prototype.options.styling = "jqueryui"; 

Muuda jqueryui soovitud stiiliga, seejärel pane see enne teatamist selliseks:

 PNotify.prototype.options.styling = "jqueryui"; uus PNotify (title: "jQuery UI Style", tekst: "Hei, ma olen kujundanud jQuery UI teema."); 

Siin on teie tulemus, mis on kujundatud:

Moodulite lisamine

Moodulid on rikkalikud API-d, mis võimaldavad täiustatud teavitusfunktsioone. Seal on 7 moodulit PNotify: Desktop, nupud, NonBlock, Kinnita, Ajalugu, Tagasivõtmine ja viide. Mooduleid saab kasutada, kui teavitada sellest sobivaid võimalusi.

Näiteks on allpool toodud koodid, mis näitavad, kuidas kasutada töölaua moodulit:

 PNotify.desktop.permission (); uus PNotify (title: 'Desktop Notification', tekst: 'Ma olen töölaua teavitus. Peate andma mulle loa, et saaksin ilmuda nii, nagu mina olen. ', desktop: desktop: true, icon: null); 

PNotify.desktop.permission (); kasutatakse selleks, et tagada kasutajate olemasolu antud luba saidi teavitamiseks. Kui kasutajad saidi keelavad, on teade näidatakse regulaarselt selle asemel.

Nagu näete, on lisamise võimalus töölauale koodi. The töölaud: tõsi võimaldab töölaua teatamist; kui seate selle vale, muutub teatis regulaarseks.

Võite kasutada ka kohandatud ikooni ikoon valik. Täitke see oma ikooniga URL; saate selle seadistada vale ikooni keelamiseks. Kui seadistate selle null, kasutatakse vaikimisi ikooni.

Teiste moodulite teostuste vaatamiseks oma valikuga minge sellele lingile.

Täiendamist saate jätkata oma ametlikule lehele. Seal näete koos demodega mõningaid täiustatud kasutusviise. Teise võimalusena saate lisateabe saamiseks külastada selle GitHubi lehekülge.