Paramètres : Ajax.InPlaceEditor(element HTML | id, url, {options})
Rôle : Permet de modifier le contenu d'un élément HTML
Retourne : objet Ajax.InPlaceEditor
Note :
Options
okButton:true|false
Affiche ou non le bouton de submission en mode édition.
okText:'ok' (chaîne)
Valeur du bouton de submission.
cancelLink:true|false
Affiche ou non un lien d'annulation en mode édition.
cancelText:'cencel' (chaîne)
Texte accompagnant le lien d'annulation.
savingText:'Saving...' (chaîne)
Texte affiché pendant l'envoie de la requête.
clickToEditText:'Click to edit text...' (chaîne)
Texte affiché quand le souris passe au dessus du texte éditable.
formId:'id_de_l_element_editableInPlaceForm' (chaîne)
L'id donné au formulaire d'édition.
externalControl:null (chaîne)
Id d'un élément qui servira à entrer en mode édition. Il sera masqué en mode édition, puis affiché en mode visualisation.
rows:1 (entier)
Le nombre de lignes du champ. Si elle est supérieure à 1, un textarea sera utilisé à la place d'un input de type texte.
onComplete:fonction(transport, element)
Fonction appelée une fois que la requête à répondu avec succès.
onFailure:fonction(transport)
Fonction appelée si la requête a retourné une erreur.
cols:entier
Le nombre de colonnes du champ.
size:entier
Identique à cols mais pour les champs d'une seule ligne (input).
highlightcolor:hexadecimal
Couleur du flash.
highlightendcolor:#ffffffhexadecimal
Couleur de fin du flash.
savingClassName:'inplaceeditor-saving' (chaîne)
Ajouter une classe au texte savingText.
formClassName:'inplaceeditor-form' (chaîne)
Ajouter une classe au formulaire d'édition.
loadTextUrl:url
Charge le texte du formulaire à partir d'une url.
loadingText:'Loading...' (chaîne)
S'affiche pendant la récupération du texte via loadTextUrl.
callback:fonction(formulaire)
Fonction appelée juste avant d'envoyer le résultat du formulaire par la requête Ajax.
ajaxOptions:{options}
Spécifie des options communes à toute les requêtes Ajax utilisées dans ce formulaire.
Cliquez sur "Tester".
Puis, modifier le texte :
function tester()
{
new Ajax.InPlaceEditor("div_1", "enregistrerBaseDeDonnees.php")
}
Voici le script du fichier "enregistrerBaseDeDonnees.php" :
<!-- Ici, on insère un script (php par exemple) qui permet de modifier l'info en base de données. Puis, on affiche le texte qui va rafraichir la zone éditable. --> <?= $_POST['value']; ?>