Tento článek je zrcadlovým článkem o strojovém překladu, klikněte zde pro přechod na původní článek.

Pohled: 20094|Odpověď: 2

[HTML/HTML5] Velmi krásná upozornění SweetAlert

[Kopírovat odkaz]
Zveřejněno 24.12.2015 12:00:48 | | | |





Sweet Alert je krásný efekt připomínání, který nahrazuje tradiční Javascrip{filter}t Alert. SweetAlert automaticky centruje a zarovnává se do středu stránky, takže vypadá skvěle, ať už používáte stolní počítač, telefon nebo tablet. Kromě toho je k dispozici široká škála možností přizpůsobení pro flexibilní ovládání.

Jak používat:

Představujeme:

<scrip{filter}t src="dist/sweetalert.min.js"></scrip{filter}t> <link rel="stylesheet" type="text/css" href="dist/sweetalert.css">
Pak jednoduchý příklad:

swal({ title: "Error!", text: "Tady je moje chybová zpráva!", zapiš: "error", confirmButtonText: "Cool" });
Přiložený soubor souborů: sweetalert-master.zip (650.13 KB, Počet stažení: 9, 售价: 2 粒MB)

Argumentace
Výchozí hodnota

Descrip{filter}tion
Názevnull (povinné)Název modálu. Může být buď přidán k objektu pod klíčem "title", nebo předán jako první parametr funkce.
TextnulaA descrip{filter}tion pro modál. Může být buď přidán k objektu pod klíčem "text", nebo předán jako druhý parametr funkce.
typnulaTyp modálu. SweetAlert obsahuje 4 vestavěné typy, které zobrazí odpovídající animaci ikon: "Varování", "chyba", "Úspěch" a "info". Můžete ji také nastavit jako "Vstup" pro získání prompt modal. Může být buď vložen do objektu pod klíčem "type" (klávesa) nebo předán jako třetí parametr funkce.
allowEscapeKeytruePokud je nastaveno natrue, uživatel může modál zrušit stisknutím klávesy Escape.
customClassnulaVlastní CSS třída pro tento modál. Lze jej přidat k objektu pod klíčem "customClass".
dovolitOutsideClickfalsePokud je nastaveno natrue, uživatel může modál zrušit kliknutím mimo něj.
showCancelButtonfalsePokud je nastaveno natruezobrazí se tlačítko "Zrušit", na které může uživatel kliknout a modál zrušit.
showPotvrditTlačítkotruePokud je nastaveno nafalse, tlačítko "OK/Potvrdit" bude skryto. Ujistěte se, že si nastavíte časovač nebo allowOutsideClick na true, abyste uživatele neobtěžovali.
confirmButtonText"Dobře"Použijte to ke změně textu na tlačítku "Potvrdit". Pokud je showCancelButton nastaveno jako true, tlačítko potvrdit automaticky zobrazí "Potvrdit" místo "OK".
confirmButtonColor"#AEDEF4"Použijte to ke změně barvy pozadí tlačítka "Potvrdit" (musí být hodnotou HEX).
cancelButtonText"Zrušit"Použijte to ke změně textu na tlačítku "Zrušit".
closeOnConfirmtrueNastaveno nafalsepokud chcete, aby modál zůstal otevřený i když uživatel stiskne tlačítko "Potvrdit". To je obzvlášť užitečné, pokud je funkce připojená k tlačítku "Potvrdit" další SweetAlert.
closeOnCanceltrueStejně jako closeOnConfirm, ale pro tlačítko zrušit.
imageUrlnulaPřidejte vlastní ikonu pro modál. Mělo by obsahovat řetězec s cestou k obrázku.
imageSize"80x80"Pokud je nastaven imageUrl, můžete nastavit imageSize tak, aby popisoval, jak velkou chcete mít ikonu v px. Předejte řetězec se dvěma hodnotami oddělenými "x". První hodnota je šířka, druhá je výška.
ČasovačnulaAutomatický časovač uzavírání modálu. Nastaveno na ms (milisekundy).
htmlfalsePokud je to nastaveno na true, neunikne parametrům názvu ani textu. (Nastavte na nepravdě, pokud se bojíte XSS útoků.)
AnimacetruePokud je nastaveno nafalse, animace modálu bude deaktivována. Možné (řetězcové) hodnoty :pop(výchozí nastavení, když je animace nastavena na true),Skluz shora, skluz odspodu
vstupní typ"text"Změňte typ vstupního pole při použitítype: "input"(to může být užitečné, pokud chcete, aby uživatelé například zadávali heslo).
inputPlaceholdernulaPři použití typu vstupu můžete nastavit zástupný symbol, který uživateli pomůže.
inputValuenulaUrčete výchozí textovou hodnotu, kterou chcete, aby se při použití zobrazoval váš vstuptype: "input"
showLoaderOnConfirmfalseNastaveno natrueAby se tlačítka vypnula a ukázala, že se něco načítá.





Předchozí:HTTPS Tyto věci (1) HTTPS princip (přetisk)
Další:ASPX vs. stránka MVC captcha
 Pronajímatel| Zveřejněno 25.02.2017 18:36:23 |
Zveřejněno 08.12.2017 15:20:55 |
Layuiho pop rám je také příjemný na používání
Zřeknutí se:
Veškerý software, programovací materiály nebo články publikované organizací Code Farmer Network slouží pouze k učení a výzkumu; Výše uvedený obsah nesmí být používán pro komerční ani nelegální účely, jinak nesou všechny důsledky uživatelé. Informace na tomto webu pocházejí z internetu a spory o autorská práva s tímto webem nesouvisí. Musíte výše uvedený obsah ze svého počítače zcela smazat do 24 hodin od stažení. Pokud se vám program líbí, podporujte prosím originální software, kupte si registraci a získejte lepší skutečné služby. Pokud dojde k jakémukoli porušení, kontaktujte nás prosím e-mailem.

Mail To:help@itsvse.com