jQuery est vraiment facile pour créer un bel effet 'edit in place', mais, malgré son efficacité, il utilise toujours un élément d'entrée.jQuery - Modifier sur place sans élément d'entrée. C'est possible?
Il me bug, comme il déforme la mise en page, le moment où l'élément remplace le texte original.
Est-ce que quelqu'un connaît une technique pour contourner cet ennui?
oui. créer des règles CSS qui remplacent tous les inconvénients du champ d'entrée et le forcer à rendre d'une manière qui correspond à l'élément d'origine.
.dynInput{
border:none;
font-size:inherit;
font-weight:inherit;
background-color:inherit;
}
Ainsi, la question devrait être: «Modifier en place, sans changement de mise en page? :) – Kriem
bien. HTML5 prend en charge le contenu modifiable, mais à moins que vous ne souhaitiez l'utiliser conjointement avec JS pour lire cet élément et le soumettre si vous le souhaitez, un élément de formulaire est en quelque sorte demandé, peut également utiliser la spécification pour ce qu'il a été construit faire. Le remplacement du CSS n'est pas aussi important qu'un problème que de faire savoir aux gens qu'il est modifiable pour commencer. sans le signal visuel d'un champ de saisie, la plupart des gens négligent la possibilité d'éditer quelque chose ... – FatherStorm
Aperçu utile. Merci! :) – Kriem
contenteditable: http://html5demos.com/contenteditable – zzzzBov