Saldais brīdinājums ir skaists atgādinājuma efekts, kas aizstāj tradicionālo Javascrip{filter}t brīdinājumu. SweetAlert automātiski centrējas un izlīdzinās lapas centrā, tāpēc tas izskatās lieliski neatkarīgi no tā, vai izmantojat galddatoru, tālruni vai planšetdatoru. Turklāt elastīgai vadībai ir pieejamas plašas pielāgotas konfigurācijas iespējas.
Kā lietot:
Iepazīstinām:
<scrip{filter}t src="dist/sweetalert.min.js"></scrip{filter}t> <link rel="stylesheet" type="text/css" href="dist/sweetalert.css">
swal({ title: "Kļūda!", text: "Šeit ir mans kļūdas ziņojums!", tips: "kļūda", confirmButtonText: "Forši" }); 
sweetalert-master.zip
(650.13 KB, Lejupielādes skaits: 9, 售价: 2 粒MB)
Arguments
| Noklusējuma vērtība |
Descrip{filter}tion
| | Nosaukums | null (obligāti) | Modāla nosaukums. To var pievienot objektam zem taustiņa "nosaukums" vai nodot kā funkcijas pirmo parametru. | | Teksts | nulle | Modāla apraksts{filter}. To var pievienot objektam zem taustiņa "teksts" vai nodot kā funkcijas otro parametru. | | tips | nulle | Modāla veids. SweetAlert nāk ar 4 iebūvētiem veidiem, kas parādīs atbilstošu ikonu animāciju: "Brīdinājums", "kļūda", "Panākumi" un "informācija". Varat arī iestatīt to kā "Ievade", lai iegūtu tūlītēju modālu. To var ievietot objektā zem taustiņa "tips" vai nodot kā funkcijas trešo parametru. | | allowEscapeKey | true | Ja iestatīts uztrue, lietotājs var noraidīt modāli, nospiežot taustiņu Escape. | | customClass | nulle | Pielāgota CSS klase modālam. To var pievienot objektam ar atslēgu "customClass". | | allowOutsideClick | false | Ja iestatīts uztrue, lietotājs var noraidīt modāli, noklikšķinot ārpus tā. | | showCancelButton | false | Ja iestatīts uztrue, tiks parādīta poga "Atcelt", uz kuras lietotājs var noklikšķināt, lai noraidītu modālu. | | showConfirmButton | true | Ja iestatīts uzfalse, poga "Labi/Apstiprināt" tiks paslēpta. Pārliecinieties, ka esat iestatījis taimeri vai iestatiet allowOutsideClick uz true, izmantojot to, lai netraucētu lietotāju. | | confirmButtonText | "Labi" | Izmantojiet to, lai mainītu tekstu uz pogas "Apstiprināt". Ja showCancelButton ir iestatīts kā true, apstiprināšanas poga automātiski parādīs "Apstiprināt", nevis "OK". | | confirmButtonColor | "#AEDEF4" | Izmantojiet to, lai mainītu pogas "Apstiprināt" fona krāsu (jābūt HEX vērtībai). | | cancelButtonText | "Atcelt" | Izmantojiet to, lai mainītu tekstu uz pogas "Atcelt". | | closeOnConfirm | true | Iestatīt uzfalseja vēlaties, lai modāls paliktu atvērts pat tad, ja lietotājs nospiež pogu "Apstiprināt". Tas ir īpaši noderīgi, ja pogai "Apstiprināt" pievienotā funkcija ir vēl viens SweetAlert. | | closeOnCancel | true | Tas pats kā closeOnConfirm, bet atcelšanas pogai. | | attēla URL | nulle | Pievienojiet modālam pielāgotu ikonu. Jāsatur virkne ar ceļu uz attēlu. | | attēla izmērs | "80x80" | Ja ir iestatīts imageUrl, varat norādīt imageSize, lai aprakstītu, cik lielai ikonai jābūt pikseļos. Ievietojiet virkni ar divām vērtībām, kas atdalītas ar "x". Pirmā vērtība ir platums, otrā - augstums. | | Taimeris | nulle | Modāla automātiskās aizvēršanas taimeris. Iestatīts ms (milisekundēs). | | html | false | Ja iestatīts uz true, netiek izvairīti no virsraksta un teksta parametriem. (Iestatiet vērtību false, ja uztraucaties par XSS uzbrukumiem.) | | animācija | true | Ja iestatīts uzfalse, modāla animācija tiks atspējota. Iespējamās (virknes) vērtības:pop(noklusējums, ja animācija ir iestatīta uz true),Slīdēšana no augšas, slīdēšana no apakšas | | ievades tips | "teksts" | Ievades lauka tipa maiņa, lietojottype: "input"(Tas var būt noderīgi, ja vēlaties, lai lietotāji ierakstītu, piemēram, paroli). | | ievades vietturis | nulle | Izmantojot ievades tipu, varat norādīt vietturi, lai palīdzētu lietotājam. | | ievadVērtība | nulle | Norādiet noklusējuma teksta vērtību, kas jāparāda, lietojottype: "input" | | showLoaderOnConfirm | false | Iestatīt uztrue, lai atspējotu pogas un parādītu, ka kaut kas tiek ielādēts. |
|
Publicēts 24.12.2015 12:00:48
|
|
|
|
Saimnieks|
Publicēts 25.02.2017 18:36:23
|
Publicēts 08.12.2017 15:20:55