DB -> Tabelle -> Werte ändern

[Watchme]

Hi

es ist folgendes Problem:
Ich habe eine Tabelle in einer Datenbank, die ich mit PHP abfrage.
Das ganze lasse ich mir dann mit einer for-schleife das ganze ausgeben.

Ich möchte nun, dass wenn jemand die Werte ändern moechte, er einen Wert anklickt , sich das feld in ein Inputfeld mit OK Knopf verwandelt ( oder direkt die ganze Zeile mit inputfeldern geschrieben wird) und dass die geänderten Werte bei Druck auf den OK Knopf eingetragen werden.
Leider hab ich zu wenig Ahnung von JS um mir die Struktur von soetwas vorzustellen.
Könnte mir jemand mal das ganze als Pseudocode erklären?

Danke

 

[LX]

Du hast ein SPAN, in dem der Wert des Datenbankfeldes steht. Dieser SPAN hat einen onclick-Eventhandler, der eine DIV sichtbar macht, in der sich ein Eingabefeld (ebenfalls mit jenem Wert) befindet und der den SPAN selbst versteckt. Besagtes Eingabefeld wiederum hat einen onblur-Eventhandler, der nach dem Verlassen des Eingabefeldes den geänderten Wert an eine Funktion übergibt. Wie diese Funktion nun verfährt, ist Geschmackssache, sie könnte eine neue Seite mit GET-Parametern aufrufen, um die geänderten Daten an ein Script zu versenden, oder sie könnte auch einen XMLHttpRequest absetzen, um das ganze AJAX-artig zu senden.

Ist zwar kein Pseudocode, aber hoffentlich doch verständlich. Ansonsten melde dich nochmal, dann kann ich auch konkreter werden

 

[Zwirni]

Grobentwurf (ungetestet):

<!-- Beginn Zeile eines DB-Eintrages -->
<div id="entry123">
<div style="position: relative;float: left;width: 30px;">
<a href="javascript:void(0)" onclick="document.getElementById('entry123button').style.display='block';">123</a>
<div id="entry123button" style="display: none;position: absolute;top: 0px;left: 0px;"><input type="text" name="entry123" value="entry123value" /><input type="submit" name="ok" value="ok /></div>
</div>
<!-- weitere Angaben zu dem DB Eintrag -->
<div style="float: left;width: 100px;">weitere Angaben</div>
</div>

"onclick" beinhaltet den JS-Aufruf der das <div> mit der id "entry123button" sichtbar macht. Dieses liegt dadurch über diesem Link, das Eingabefeld und der Button überblenden somit diesen.