Heim > Web-Frontend > js-Tutorial > Hauptteil

Ausführliche Erläuterung der Ideen für Einreichungsformulare zur Artdialog-Popup-Box-Steuerung in JS_Javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 15:05:11
Original
1557 Leute haben es durchsucht

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-Steuerung

Ich 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('保存失败');
}
}
});
Nach dem Login kopieren
Das Obige ist eine detaillierte Erklärung der vom Herausgeber eingeführten Artdialog-Popup-Box-Steuerungsidee. Ich hoffe, sie wird für alle hilfreich sein!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!