Formulareintrag editierbar machen

[Tobias Hahner]

Hallihallo!

Habt Ihr das schonmal für Euch irgendwie elegant lösen können?

Vielleicht nicht das Eleganteste, aber ohne zusätzliches JQuery Plugin:

• den "editable" Text in ein span- Element packen
• das span- Element hat einen onclick- Handler, der
     - den Text innerhalb des span ausliest,
     - das span unsichtbar macht,
     - ein input- Feld hinter dem span einfügt, und den ausgelesenen Text als value einsetzt

In meinem Fall habe ich dann noch zusätzlich:

• das input- Element mit einem onblur- Handler versehen, der:
     - den Value per Ajax an den Server überträgt (Falls er sich geändert hat, zum Vergleich habe ich ja noch den "alten" Value)
     - das input- Element wieder aus dem DOM entfernt, und
     - das unsichtbare Span- Element wieder einblendet und ggf. den neuen Text einsetzt

Obwohl ich in meinem Projekt JQuery benutze, habe ich es "per Hand" wie oben beschrieben gemacht, weil ich nicht einsehen wollte, nur wegen einer solchen "Kleinigkeit" extra NOCH ein Plugin einzubinden. So weiss ich wenigstens genau, was da passiert :)

Beste Grüsse,
    Tobias Hahner