Maison > interface Web > js tutoriel > le corps du texte

Explication détaillée des idées de formulaire de soumission du contrôle de la boîte contextuelle artdialog dans les compétences JS_javascript

WBOY
Libérer: 2016-05-16 15:05:11
original
1557 Les gens l'ont consulté

artDialog est un composant de dialogue écrit sur la base de javascript. Il possède une interface exquise et une interface conviviale.

Avant-propos :

Contenu adaptatif

Le cadre d'interface utilisateur spécial d'artDialog peut s'adapter aux changements de contenu. Il peut même s'adapter au contenu inséré dynamiquement par des programmes externes, vous n'avez donc pas à prendre en compte la taille du contenu du message pour l'utiliser. Son conteneur de messages peut même centrer ou aligner le texte à gauche en fonction de la largeur, le tout nativement en XHTML+CSS.

Interface complète

Il possède une interface complète et peut être facilement utilisé avec des programmes externes. Tels que l'écriture asynchrone de messages, le contrôle de la position, de la taille, l'affichage et le masquage, la fermeture, etc.

Expérience détaillée

Si vous n'êtes pas dans l'état d'entrée, il prend en charge la touche de raccourci Échap pour fermer ; vous pouvez le spécifier pour qu'il apparaisse près de l'élément pour rendre l'opération plus pratique, ajoutez intelligemment le focus au bouton ; centré ; la grande zone de réponse est spécialement optimisée pour les appareils à écran tactile tels que les iPad ; pré-mise en cache des images de peau pour une réponse plus rapide...

.

Compatible multiplateforme

Compatible avec : IE6+, Firefox, Chrome, Safari, Opera, iPad et autres appareils mobiles. Et IE6 peut également prendre en charge le positionnement statique (fixe), le contrôle déroulant de superposition et l'arrière-plan png du canal alpha des navigateurs modernes.

Pour aller droit au but :

artdialog est un bon contrôle de boîte contextuelle

Je suis en contact avec ArtDialog depuis un certain temps, et je pense qu'il est plutôt bon à utiliser et relativement léger. Je préfère les plug-ins JavaScript qui sont légers et ont une vitesse de chargement rapide.

Ses fonctions sont également très bonnes et complètes. Comparé à d'autres plug-ins pop-up, ce plug-in est non seulement toujours en maintenance, mais présente également moins de bugs et est très pratique à utiliser. plug-ins les plus remarquables en Chine.

La méthode d'appel est la suivante :

//说明下面是一段通过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('保存失败');
}
}
});
Copier après la connexion

Ce qui précède est une explication détaillée de l'idée du formulaire de soumission du contrôle de boîte contextuelle artdialog dans JS introduite par l'éditeur. J'espère que cela sera utile à tout le monde !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!