http://code.google.com/p/jquery-in-place-editor/
Simple, il a planer au-dessus, les commandes du clavier, et intelligent par défaut (par exemple, onblur
soumet).
Pour un Démarrage Rapide...
Après avoir télécharger le projet, y trouver le fichier demo.js et modifier le "editme1" gestionnaire de:
- décommentez url: et commentez fonction de rappel (vous ne pouvez utiliser l'un ou l'autre)
- ajouter un gestionnaire de succès pour voir ce que vous pouvez intercepter la réponse AJAX
... comme:
$("#editme1").editInPlace({
// callback: function(unused, enteredText) { return enteredText; },
url: './server.php',
show_buttons: true,
success: function(response) {
// stuff
alert('success with response: ' + response);
}
});
Quoi observer ici:
- Le champ de texte valeur de mise à jour est envoyée à server.php et ce fichier simplement renvoie l'écho de la valeur
- Avant le texte de l'INTERFACE utilisateur champ est mis à jour, nous pouvons attraper la réponse et de prendre des décisions en conséquence