Heim > Artikel > Web-Frontend > Ausführliche Erläuterung der Ideen für Einreichungsformulare zur Artdialog-Popup-Box-Steuerung in JS_Javascript-Kenntnissen
artDialog ist eine auf Javascript basierende Dialogkomponente. Sie verfügt über eine exquisite Benutzeroberfläche und eine benutzerfreundliche Oberfläche.
Vorwort:
Adaptive Inhalte
Das spezielle UI-Framework von artDialog kann sich an Inhaltsänderungen anpassen. Es kann sich sogar an Inhalte anpassen, die von externen Programmen dynamisch eingefügt werden, sodass Sie die Größe des Nachrichteninhalts nicht berücksichtigen müssen, um es zu verwenden. Sein Nachrichtencontainer kann Text basierend auf der Breite sogar zentrieren oder linksbündig ausrichten – alles nativ in XHTML+CSS.
Vollständige Schnittstelle
Es verfügt über eine vollständige Schnittstelle und kann problemlos mit externen Programmen verwendet werden. Zum Beispiel das asynchrone Schreiben von Nachrichten, das Steuern von Position, Größe, Anzeigen und Ausblenden, Schließen usw.
Detaillierte Erfahrung
Wenn Sie sich nicht im Eingabestatus befinden, können Sie die Esc-Tastenkombination zum Schließen angeben, um den Vorgang auf intelligente Weise zu vereinfachen zentriert; der große Reaktionsbereich ist speziell für Touchscreen-Geräte wie iPads optimiert;
Plattformübergreifend kompatibel
Kompatibel mit: IE6+, Firefox, Chrome, Safari, Opera, iPad und anderen Mobilgeräten. Und IE6 kann auch die statische Positionierung (fest), die Overlay-Dropdown-Steuerung und den Alphakanal-PNG-Hintergrund moderner Browser unterstützen.
Um es auf den Punkt zu bringen:
artdialog ist eine gute Popup-Box-SteuerungIch bin schon seit einiger Zeit mit ArtDialog in Kontakt und finde, dass es ziemlich gut zu verwenden und relativ leichtgewichtig ist. Ich bevorzuge JavaScript-Plugins, die leichtgewichtig sind und eine schnelle Ladegeschwindigkeit haben.
Im Vergleich zu anderen Popup-Plug-Ins ist dieses Plug-In nicht nur noch in der Wartung, sondern weist auch weniger Fehler auf und ist sehr komfortabel zu verwenden Weitere herausragende Plug-Ins in China.
Die Aufrufmethode lautet wie folgt:
//说明下面是一段通过artdialog弹出form表单,并通过ajaxform来提交的js(表单可以采用jquery validate验证控件来验证表单) $(document).ready(function() { var options = { target: '#output2', success: showResponse // post-submit callback }; $('#myForm').ajaxForm(options); var alt =null; $("#addHname").click(function(){ alt=art.dialog({ title:'新增花名', content: document.getElementById('g_cn'), width:750, button: [ { name: '保存', focus: true, callback: function () { $('#myForm').submit(); return false; } }, { name: '关闭', callback: function () { } } ] }); }); function showResponse(data){ if(alt !=null){ alt.close(); } if(data=='success'){ artDialog.alert('保存成功'); }else{ art.dialog.close(); artDialog.alert('保存失败'); } } });