Coder Board Community

Ich habe ein Formular bestehend aus monentan 3 Form-Bereichen. Hier gibt es für jeden Bereich momentan einen "Edit" Button wodurch das Formular zum Editieren aufgerufen wird. Das ganze soll optisch am besten so aussehen als würde sich nichts ändern außer das man eben jetzt die Informationen in den einzelnen Feldern überschreiben bzw. ändern kann. Schöner würde ich es finden, wenn ich die Formularfelder z.B. mit Doppelklick zum bearbeiten aufrufe und dann meine Änderung durch einen Klick irgendwo anders auf der Seite gespeichert wird (Klick nicht auf einen Link sondern einfach onBlur o.ä.).

Da ich mit Ajax bis jetzt sogut wie nichts gemacht hab und das auch nach meiner Schulzeit auf kam weiß ich leider kaum bescheid wie ich überhaupt anfangen soll. Ich denke jedoch das Ajax die beste Lösung wäre weil ich dann direkt die einzelnen Felder speichern kann und nicht das Formular abschicken muss um zu speichern usw.

Wenn jemand einen Lösungsansatz hätte wär das äußerst prima.

Naja Du bist ja auch einer aus der alten Schule. Sicher hast Du recht. Der "alte" weg funktioniert genau so gut und in einigen Hinsichten bestimmt auch performanter. Das merke ich an einer Webseite die ich wirlich zu 100% mit Web2.0 gemacht hab und wo bei jeder aktion irgendwas mit Ajax läuft. Das Formular wo es in diesem Thema drum ging habe ich allerdings nicht auf Ajax umgebaut. Im Moment noch könnte man die Performance und das mit den Querys außer acht lassen da auf der Seite nicht viel los ist. Aber falls ich es mal schaffe dort mehr Leute hin zu bekommen kann es durchaus sein das nachher jedes Query entscheident ist und dann sollte ich lieber direkt auf das ganze achten und nicht nachher wieder zurück bauen was ich mühevoll verändert hab.

Wobei ich aber trotzdem hin bekommen habe was ich wollte mit dem doppelklick und das. Das heißt man klickt ein Feld doppelt an und der Bereich wird zum editieren aufgerufen. Hat man seine Änderungen fertig und hat einen Bereich außerhalb dieses Formulars angeklickt wird der Inhalt gespeichert. Ist noch ein wenig mit kleineren Bugs behaftet wenn man mit Tabulator durch das Formular springt und dann das letzte Feld verlässt aber im Moment muss das genügen.

Ich hab das inzwischen ähnlich gelöst. Das heißt ich bin noch nicht dazu gekommen es in dem Projekt einzubauen wo es mal hin soll aber es klappt zumindest. Ich hab einfach ein ondoubleclick event genommen um das Feld bearbeitbar zu machen und beim verlassen des feldes wird der Inhalt sofort per Ajax an den Server übermittelt.

Jep das ist mir aufgefallen als ich das getestet habe

Auch ne Möglichkeit wäre bei onmouseover ein Symbol hinter dem Feld einzublenden was man klicken muss zum editieren. Einen Schraubenschlüssel oder so.