6 In-Place-Editing mit contenteditable

Wir suchen ständig nach Möglichkeiten, Menschen die Interaktion mit unseren Anwendungen zu erleichtern. Manchmal möchten wir, dass Benutzer auf unserer Website persönliche Informationen eingeben können, ohne zu einem anderen Formular wechseln zu müssen. Bisher lässt sich In-Place-Editing nur implementieren, indem wir die Klicks in Textbereiche überwachen und diese Bereiche dann durch Textfelder ersetzen. Die Felder senden den geänderten Text anschließend über Ajax zurück an den Server. In HTML5 übernimmt das Attribut content-editable den Teil mit der Dateneingabe automatisch. Wir müssen zwar immer noch ein wenig JavaScript schreiben, um die Daten an den Server zurückzuschicken und sie zu speichern, aber wir ...

Get HTML5 & CSS3 (Prags) now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.