PNotify - labai pritaikomas pranešimo papildinys

Kai kuriems iš mūsų, kurie yra nuolat užsiėmę, pranešimai saugo mus kiekviename svarbiame renginyje, naujienlaiškyje ir informacijoje. Tai sumažina laukimo laiką, kai mums pavyksta atnaujinti mus naujausiais įvykiais, ir nenuostabu, kad gauname pranešimus apie tiek stalinius kompiuterius, tiek mobiliuosius telefonus..

Jei vis dėlto norite sukurti pranešimą apie savo svetainę, galite ją lengvai sukurti naudodami šį papildinį, vadinamą PNotify. Tai nemokamas ir atviro kodo „JavaScript“ įskiepis su daugybe parinkčių ir jį lengva naudoti. Naudodamiesi „PNotify“ vienu metu galite rodyti net iki 1000 pranešimų (žr. Šį palyginimo testą, kad jį išbandytumėte). Argi tai ne šaunu?

Kodėl naudoti PNotify?

PNotify, anksčiau žinomas kaip „Pines Notify“, turi tris pagrindinius pranešimo tipus: informacija, pastebėti ir klaida. Jis turi daugybę funkcijų, efektų, temų ir stilių. Galite pasirinkti skirtingus stilius iš „Bootstrap“, „JQuery UI“, „Font Awesome“ ar savo stiliaus. Taip pat yra apie 18 paruoštų temų (pagamintų su „Bootswatch“), iš kurių galite pasirinkti, ir yra netgi pereinamojo poveikio efektai.

Puikus dalykas apie PNotify yra ne tik nuostabus grafinis bruožas, bet ir praturtintas galingais ir turtingais API (arba moduliais). Šios API apima pranešimus apie darbalaukį (pagal žiniatinklio pranešimų standarto projektą), dinaminio atnaujinimo palaikymą, įvairių įvykių grįžtamąjį ryšį, istorijos peržiūrą, kad būtų galima peržiūrėti ankstesnius pranešimus ir HTML palaikymą pavadinime ir kūno dalyje.

PNotify suteikia nepastebimas pranešimas tai reiškia, kad galite spustelėti bet kurį elementą, esantį prie pranešimo, neatmetant jo. Be to, galite nustatyti, kur rodomi pranešimai su „Stacks“ funkcijomis, kuri leidžia jums rodyti pranešimą visur: kaip viršutinės / apatinės juostos stilių arba net kaip įrankio įrankį.

Pagrindinis naudojimas

PNotify šaltiniai yra pritaikomi paketų moduliai ir yra prieinami čia.

Darbo pradžia

Kai gausite šaltinius, įtraukite juos į savo HTML kaip:

PNotify yra labai paprasta naudoti. Štai paprastas pranešimas:

 $ (funkcija () new PNotify (title: „Simple Notification“, tekstas: „Ei, aš esu paprastas pranešimas“));); 

Ir tai yra rezultatas:

Iš esmės, norėdami sukurti pranešimą, pradedate naują PNotify funkciją. Tada pavadinimą, tekstą, stilių ir kitas parinktis galima perduoti funkcijos viduje. Jei nenurodysite pranešimo tipo, jis naudos numatytąjį tipą, kuris yra a pastebėti. Yra apie 20 + konfigūruojamos parinktys galite pereiti. Jei norite pamatyti sąrašą, kuriame yra numatytoji vertė, spustelėkite čia.

Stilius

Norėdami pakeisti stilių, galite pereiti stilius pranešime ir nustatykite norimą stilių. Galimi stiliai bootstrap2, „bootstrap3“, jqueryui ir fontawesome. Nepamirškite įtraukti susijusius stiliaus šaltinius jūsų projekte.

Pavyzdžiui, jei noriu pakeisti ankstesnį pranešimo stilių į jQuery UI temą, naudoju šį fragmentą:

 naujas PNotify (pavadinimas: "jQuery UI stilius", tekstas: "Ei, aš stiliaus su jQuery UI tema.", stilius: "jqueryui"); 

Yra dar vienas būdas suformuluoti notifikaciją per šį kodą:

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

Keisti jqueryui su norimu stiliumi, tada įdėkite šią eilutę prieš tokį pranešimą:

 PNotify.prototype.options.styling = "jqueryui"; naujas PNotify (pavadinimas: "jQuery UI stilius", tekstas: "Ei, aš stiliaus su jQuery UI tema."); 

Štai jūsų rezultatas:

Modulių pridėjimas

Moduliai yra turtingos API, kurios įgalina pažangias pranešimų funkcijas. Yra 7 moduliai PNotify: darbalaukyje, mygtukuose, „NonBlock“, „Confirm“, „History“, „Callbacks“ ir „Reference Module“. Modulius galima naudoti perduodant atitinkamas parinktis į pranešimą.

Pavyzdžiui, toliau pateikiami kodai, rodantys, kaip naudoti darbalaukio modulį:

 PNotify.desktop.permission (); naujas PNotify (title: „Desktop Notification“, tekstas: „Aš pranešu apie darbalaukį. Turite duoti man leidimą, kad galėčiau pasirodyti taip, kaip aš. Jei ne, aš tapsiu reguliariu pranešimu. „, darbalaukis: darbalaukis: tiesa, piktograma: null); 

PNotify.desktop.permission (); naudojamas siekiant užtikrinti, kad naudotojai būtų suteiktas leidimas kad svetainė rodytų pranešimą. Jei naudotojai neleidžia svetainėje, pranešimas bus pateiktas rodomas kaip reguliarus pranešimas vietoj to.

Kaip matote, yra papildoma galimybė pridėti darbalaukyje kodą. The darbalaukis: tiesa įgalins pranešimą apie darbalaukį; jei nustatysite klaidingą, pranešimas bus reguliariai informuojamas.

Taip pat galite naudoti pasirinktinę piktogramą per piktograma parinktis. Užpildykite ją savo piktogramos URL; galite jį nustatyti klaidinga išjungti piktogramą. Jei jį nustatysite null, bus naudojama numatytoji piktograma.

Jei norite matyti kitus modulio diegimus su pasirinktimis, eikite į šią nuorodą.

Vykdydami savo oficialią svetainę, galite toliau įgyvendinti įgyvendinimą. Čia jūs galite pamatyti kai kuriuos papildomus naudojimus kartu su demonstracijomis. Arba galite apsilankyti savo „GitHub“ puslapyje, kad gautumėte papildomos informacijos.