Inline editing

[Bernd]

Guten Morgen,

gibt es eine einfache Möglichkeit ein inline editing umzusetzten? Ich habe folgende Tabelle

<table>
  <tr>
    <th>Anzahl</th>
    <th>Preis</th>
    <th>am 20.05.2019 <div></div></th>
  </tr>
  <tr>
    <td>10</td>
    <td>9,90 €</td>
    <td>Bierdampf</td>
   </tr>
   <tr>
     <td>2</td>
     <td>5,54 €</td>
     <td>15.06.2019 <div></div></td>
   </tr>
</table>

Im leeren Div soll später entweder ein Wert aus der Datenbank stehen also z.B.

<table>
  <tr>
    <th>Anzahl</th>
    <th>Preis</th>
    <th>am 20.05.2019 <div>Tor 1</div></th>
  </tr>
  <tr>
    <td>10</td>
    <td>9,90 €</td>
    <td>Bierdampf</td>
   </tr>
   <tr>
     <td>2</td>
     <td>5,54 €</td>
     <td>15.06.2019 <div> Tor 2. Bitte Rücksprache mit Max Mustermann halten</div></td>
   </tr>
</table>

Jetzt möchte ich gerne in das Feld? Klicken und dort den Wert direkt aus der Tabelle heraus ändern und diesen dann in die Datenbank wieder schreiben. Das ganze sollte am besten beim verlassen des Feldes passieren, Quassie wie von Geisterhand.

Ist dieses a) so möglich und b) wie müsste ich da dran gehen? Ich weiß dafür wird man jQuery und ajax benötigen.