PNotify - ļoti pielāgojama paziņojuma spraudnis

Dažiem no mums, kas ir nepārtraukti aizņemti, paziņojumi saglabā mūs par katru svarīgu notikumu, biļetenu un informāciju. Tas samazina gaidīšanas laiku, vienlaikus spējot atjaunināt mūs ar jaunākajiem notikumiem, un nav brīnums, ka mēs saņemam paziņojumus gan par galddatoriem, gan mobilajiem tālruņiem..

Ja tomēr vēlaties izveidot paziņojumu par jūsu vietni, varat to viegli izveidot, izmantojot šo spraudni, ko sauc par PNotify. Tas ir bezmaksas un atvērtā koda javascript spraudnis ar daudzām iespējām, un tas ir viegli lietojams. Izmantojot PNotify, varat pat uzreiz parādīt līdz pat 1000 paziņojumiem (skatiet šo salīdzināšanas testu, lai to izmēģinātu). Cik foršs tas ir?

Kāpēc izmantot PNotify?

PNotify, agrāk pazīstams kā Pines Notify, ietver trīs galvenos paziņojuma veidus: info, paziņojums un kļūda. Tam ir vairākas funkcijas, efekti, tēmas un stili. Jūs varat izvēlēties dažādus stilus no Bootstrap, jQuery UI, Font Awesome vai doties ar savu stilu. Ir arī aptuveni 18 gatavas tēmas (izgatavotas ar Bootswatch), no kurām varat izvēlēties, un ir pat pārejas efekti.

Lielā lieta par PNotify ir tā, ka tai ir ne tikai lieliskas grafiskas funkcijas, bet arī bagātinātas ar spēcīgām un bagātīgām API (vai moduļiem). Šīs API ietver paziņojumus par darbvirsmu (pamatojoties uz tīmekļa paziņojumu standartu), dinamisko atjauninājumu atbalstu, dažādu notikumu atsaukumus, vēstures skatītāju, lai redzētu iepriekšējos paziņojumus un HTML atbalstu nosaukumā un struktūrā.

PNotify nodrošina neuzkrītošs paziņojums tas nozīmē, ka jūs varat noklikšķināt uz jebkura paziņojuma elementa, neatlaižot to. Varat arī noteikt, kur parādās paziņojums ar skursteņa funkcijām, kas ļauj izvietot paziņojumu visur: kā augšējā / apakšējā joslas stilu vai pat kā rīku padomu.

Pamata lietošana

PNotify avoti ir pielāgojami komplektu moduļi un ir pieejami šeit.

Darba sākšana

Pēc tam, kad esat saņēmuši avotus, pievienojiet tos savam HTML, piemēram:

PNotify ir ļoti viegli izmantot. Šeit ir vienkāršs paziņojums:

 $ (funkcija () new PNotify (nosaukums: "Vienkāršs paziņojums", teksts: "Hei, es esmu vienkāršs paziņojums.");); 

Un tas ir rezultāts:

Būtībā, lai izveidotu paziņojumu, sākat jaunu PNotify funkciju. Nosaukumu, tekstu, stilu un citas iespējas pēc tam var nodot funkcijas ietvaros. Ja nenorāda paziņojuma veidu, tā izmantos noklusējuma veidu, kas ir a paziņojums. Ir aptuveni 20 + konfigurējamas opcijas jūs varat iziet. Lai redzētu sarakstu ar noklusējuma vērtību, noklikšķiniet šeit.

Stils

Lai mainītu stilu, varat iziet stils paziņojumā un definējiet vēlamo stilu. Pieejamie stili ir bootstrap2, bootstrap3, jqueryui un fontawesome. Neaizmirstiet iekļaut saistītos stila avotus jūsu projektā.

Piemēram, ja es vēlos mainīt iepriekšējo paziņojumu stilu uz jQuery UI tēmu, es izmantoju šādu fragmentu:

 jauns PNotify (nosaukums: "jQuery UI Style", teksts: "Hei, es esmu veidojis ar jQuery UI tēmu.", stils: "jqueryui"); 

Pastāv vēl viens veids, kā veidot savu paziņojumu, izmantojot šo kodu:

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

Mainīt jqueryui ar vajadzīgo stilu, tad ievietojiet šo rindu pirms paziņojuma, piemēram:

 PNotify.prototype.options.styling = "jqueryui"; jauns PNotify (nosaukums: "jQuery UI Style", teksts: "Hei, es esmu veidojis ar jQuery UI tēmu."); 

Šeit ir jūsu rezultāts:

Moduļu pievienošana

Moduļi ir bagātīgas API, kas nodrošina uzlabotas paziņošanas funkcijas. Tur ir 7 moduļi PNotify: Desktop, Pogas, NonBlock, Apstiprināt, Vēsture, Atgriešanās un Atsauces modulis. Moduļus var izmantot, nosūtot paziņojumā atbilstošās iespējas.

Kā piemēru tālāk redzami kodi, kas parāda, kā izmantot darbvirsmas moduli:

 PNotify.desktop.permission (); jauns PNotify (title: 'Desktop Notification', teksts: 'Es esmu paziņojums par darbvirsmu. Jums ir jāsaņem man atļauja, lai es varētu parādīties kā tas, ko es esmu. ', desktop: desktop: true, ikona: null); 

PNotify.desktop.permission (); tiek izmantots, lai pārliecinātos, ka lietotājiem ir dota atļauja lai vietne rādītu paziņojumu. Ja lietotāji nepieļauj vietni, paziņojums būs kā regulāru paziņojumu tā vietā.

Kā redzat, ir papildu iespēja pievienot darbvirsmu kodu. The desktop: true ļaus paziņojumu par darbvirsmu; ja iestatāt to uz nepatiesu, paziņojums kļūs par regulāru paziņojumu.

Jūs varat arī izmantot pielāgotu ikonu, izmantojot ikona opcija. Aizpildiet to ar savu ikonas URL; jūs varat to iestatīt nepatiesa lai atspējotu ikonu. Ja iestatāt to ar null, tiks izmantota noklusējuma ikona.

Lai skatītu citas moduļu realizācijas ar savām iespējām, dodieties uz šo saiti.

Jūs varat turpināt īstenošanu, dodoties uz tās oficiālo vietni. Tur jūs varat redzēt dažas uzlabotas lietošanas iespējas kopā ar demo. Jūs varat arī apmeklēt GitHub lapu, lai iegūtu papildinformāciju.