noty este un plugin jQuery, cu ajutorul căruia puteți crea cu ușurință diverse alerte precum alertă, succes, eroare, avertizare, informații, confirmare, în locul casetei de dialog standard a browserului. Numărul de mesaje afișate pe pagină poate fi ajustat, de exemplu, nu mai mult de 5 mesaje, iar mesajele care nu sunt afișate vor fi adăugate în coadă.
Următoarele elemente sunt furnizate pentru notificări:
API-ul plug-in oferă multe alte opțiuni, cum ar fi textul, animația, viteza, butoanele și multe altele.
Pentru funcționarea plugin-ului este necesar să-l conectați, cred că dacă pe acest site știți deja cum să conectați scripturi =). Pentru informații, pluginul funcționează cu versiunea jQuery de la 1.6+.
Creați un obiect
În plugin puteți crea cu ușurință notificări. Pur și simplu utilizați următorul cod:
funcția genera # 40; schemă # 41; # 123;
var n = noty # 40; # 123;
text. aspect.
tip. „Alarma“.
dismissQueue. adevărat.
aspect. aspect.
temă. 'DefaultTheme'
# 125; # 41; ;
# 125;
funcția generateAll # 40; # 41; # 123;
genera # 40; 'Top' # 41; ;
genera # 40; 'TopCenter' # 41; ;
genera # 40; 'Topleft' # 41; ;
genera # 40; 'TopRight' # 41; ;
genera # 40; „Centrul“ # 41; ;
genera # 40; 'CenterLeft' # 41; ;
genera # 40; 'CenterRight' # 41; ;
genera # 40; „Fund“ # 41; ;
genera # 40; 'BottomCenter' # 41; ;
genera # 40; 'BottomLeft' # 41; ;
genera # 40; 'BottomRight' # 41; ;
# 125;
$ # 40; document # 41;. gata # 40; funcție # 40; # 41; # 123;
generateAll # 40; # 41; ;
# 125; # 41; ;
Cred că este clar cum funcționează totul, dar doar în caz, descrie pe scurt.
Mai întâi, creează o funcție cu un obiect de plugin și o mulțime de proprietăți, valoarea textului va fi egală cu numele poziției de ieșire, adică valoarea obținută de la funcția generateAll (). tipul mesajului va fi atent. Celelalte opțiuni vor fi luate în considerare ulterior. În cele din urmă, apelați funcția generateAll () care apelează funcția la rândul său cu pluginul.
Nu este necesar să utilizați un astfel de apel la plug-in, este doar un exemplu.
Mai jos este o listă completă a setărilor implicite:
$. Noty. implicite = # 123;
aspect. 'Top'. // poziția mesajului
temă. 'DefaultTheme'. // Stilul mesajului
tip. 'Alert'. // tipul mesajului. Pozițiile și tipurile de mesaje sunt listate la începutul postării
text. ''. // textul mesajului
dismissQueue. adevărat. // dacă este activată, atunci mesajele vor apărea în ordinea apelurilor, adică line up
șablon. '
animație. # 123; // animație
deschis. # 123; înălțime. „Comutare“ # 125;.
aproape. # 123; înălțime. „Comutare“ # 125;.
relaxare. 'Swing'.
viteză. 500 // viteza de deschidere și închidere a mesajului
# 125;.
timeout. fals. // întârziere înainte de închiderea mesajului
forță. fals. // adaugă notificarea adăugării la coadă
modal. fals. // creează un efect al ferestrei modale, întunecă fundalul paginii
maxVisible. 5. // numărul maxim de mesaje afișate pe ecran, dacă este apelat mai mult, acestea vor fi adăugate la coadă
ucigaș. fals. // dacă este activată, apoi închide toate mesajele deschise, cu excepția ei însăși
closeWith. # 91; „Faceți clic pe“ # 93;. // ['faceți clic', 'buton', 'hover'] cum să închideți mesajul
apel invers. # 123; // funcții inverse
OnShow. funcție # 40; # 41; # 123; # 125;. // se declanșează înainte ca mesajul să fie afișat
dupa concert. funcție # 40; # 41; # 123; # 125;. // după afișare
onClose. funcție # 40; # 41; # 123; # 125;. // înainte de închidere
afterClose. funcție # 40; # 41; # 123; # 125; // după închidere
# 125;.
butoane. false // adaugă butoane la mesaj și puteți adăuga o funcție la fiecare buton!
# 125; ;
Container personalizat
Cu acest cod, puteți afișa mesaje în orice container de pe pagină.
Articole similare
Trimiteți-le prietenilor: