PNotify - Plugin za obvestila z visoko prilagodljivostjo
Nekateri od nas, ki smo nenehno zaposleni, nas obveščajo o vseh pomembnih dogodkih, novicah in informacijah. Zmanjšuje čakalno dobo, medtem ko nam uspe posodobiti najnovejša dogajanja, zato ni čudno, da dobimo obvestila o namiznih in mobilnih napravah..
Če želite ustvariti obvestilo za vaše spletno mesto, ga lahko preprosto ustvarite s tem vtičnikom, imenovanim PNotify. To je brezplačen in odprtokodni javascript plugin z veliko možnostmi in je preprost za uporabo. Z PNotify lahko celo prikažete do 1000 obvestil naenkrat (oglejte si ta preskusni preskus). Kako kul je to?
Zakaj uporabljati PNotify?
PNotify, prej znan kot Pines Notify, ima tri glavne vrste obvestil: info, opaziti in napaka. Ima veliko funkcij, učinkov, tem in stilov. Izberete lahko različne sloge iz Bootstrap, jQuery UI, Font Awesome ali pa pojdite s svojim stilom. Obstaja tudi okoli 18 pripravljenih tem (narejenih z Bootswatch), med katerimi lahko izbirate in so celo prehodni učinki.
Velika stvar pri PNotify je, da nima le odličnih grafičnih funkcij, ampak je tudi obogatena z zmogljivimi in bogatimi API-ji (ali moduli). Ti API-ji vključujejo namizna obvestila (na podlagi standarda osnutka spletnih obvestil), dinamično podporo za posodobitve, povratne klice za različne dogodke, pregledovalnik zgodovine, da si ogledate prejšnje obvestila in podporo HTML v naslovu in telesu.
PNotify zagotavlja nevsiljivo obvestilo kar pomeni, da lahko kliknete katerikoli element za obvestilom, ne da bi ga zavrnili. Prav tako lahko določite, kje se prikaže obvestilo s funkcijami Stacks, ki vam omogoča, da obvestilo postavite povsod: kot zgornji / spodnji slog vrstice ali celo kot namig..
Osnovna uporaba
Viri PNotify-a prihajajo v prilagodljive module in so na voljo tukaj.
Kako začeti
Ko pridobite vire, jih vključite v HTML tako:
PNotify je zelo enostaven za uporabo. Tukaj je preprosto obvestilo:
$ (function () new PNotify (title: 'Preprosto obvestilo', besedilo: 'Hej, jaz sem preprosto obvestilo.'););
In to je rezultat:
V bistvu za ustvarjanje obvestila sprožite novo funkcijo PNotify. Naslov, besedilo, slog in druge možnosti se lahko prenesejo znotraj funkcije. Če ne podate tipa obvestila, bo uporabil privzeti tip, ki je a opaziti. Obstaja približno 20+ nastavljivih možnosti lahko greš. Če želite videti seznam s privzeto vrednostjo, kliknite tukaj.
Styling
Če želite spremeniti slog, ga lahko prenesete styling v obvestilu in določite želeni slog. Na voljo so slogi bootstrap2, bootstrap3, jqueryui in fontawesome. Ne pozabi vključiti sorodne slogove virov znotraj vašega projekta.
Na primer, če želim spremeniti prejšnji slog obvestila na temo uporabniškega vmesnika jQuery, uporabljam ta odrezek:
new PNotify (title: "Style jQuery UI, besedilo:" Hej, jaz sem oblikovan s temo jQuery UI. ", styling:" jqueryui ");
S to kodo lahko vašo notifikacijo oblikujete na drug način:
PNotify.prototype.options.styling = "jqueryui";
Spremeni jqueryui s slogom, ki ga želite, nato pa to vrstico postavite pred obvestilom:
PNotify.prototype.options.styling = "jqueryui"; new PNotify (title: "Style jQuery UI", besedilo: "Hej, jaz sem oblikovan s temo jQuery uporabniškega vmesnika.");
Tukaj je vaš rezultat, oblikovan:
Dodajanje modulov
Moduli so bogati API-ji, ki omogočajo napredne funkcije za obveščanje. Obstajajo 7 modulov v PNotify: Namizje, Gumbi, NonBlock, Confirm, History, Callbacks in Reference Module. Module je mogoče uporabiti s posredovanjem ustreznih možnosti v obvestilo.
Spodaj so na primer kode, ki vam pokažejo, kako uporabljati namizni modul:
PNotify.desktop.permission (); new PNotify (title: 'Obvestilo na namizju', besedilo: 'Obvestilo na namizju. Morate mi dati dovoljenje, da se lahko pojavim kot tisto, kar sem. Če ne, bom postal redno obvestilo. ', namizje: namizje: true, icon: null);
PNotify.desktop.permission (); se uporablja za zagotovitev, da imajo uporabniki dovoljenje da spletno mesto prikaže obvestilo. Če uporabniki prepovejo spletno mesto, bo obvestilo prikazano kot redno obvestilo namesto tega.
Kot lahko vidite, obstaja dodatna možnost dodajanja namizje v kodo. The namizje: res omogoči obvestilo za namizje; če ga nastavite na neresnično, bo obvestilo postalo redno obvestilo.
Uporabite lahko tudi ikono po meri preko ikona možnost. Izpolnite ga s svojim ikono url; lahko ga nastavite false , da onemogočite ikono. Če ga nastavite z nič, uporabljena bo privzeta ikona.
Če želite videti druge izvedbe modulov z njihovimi možnostmi, pojdite na to povezavo.
Izvedbo lahko nadgradite tako, da obiščete njeno uradno spletno mesto. Tam si lahko ogledate nekaj napredne uporabe skupaj z demoti. Za dodatne informacije lahko obiščete tudi njeno stran GitHub.
