Daten aus einer Javascript Funktion in einen Warenkorb legen

[Julius]

Hallo ReiniG,

Robert hat ja bereits auf „Ajax“ hingewiesen, daher verlinke ich einfach mal zwei für dich wahrscheinlich interessante Seiten im Wiki:

1. JavaScript/Ajax Einführung in das Thema
2. JavaScript/XMLHttpRequest Anwendungsbeispiele

Ein paar allgemeine Anmerkungen zu deinem Code:

Verhinderst du in deinem Programm, dass nicht mehr als eine Instanz deines Scripts schreibend auf die Datei mit den Reservierungen zugreifen können? Siehe dazu Verlorenes-Update-Problem (Wikipedia) und die PHP-Funktion flock().

Du baust gerade die Funktionalität eines Formulars mit mehreren Buttons mit anklickbaren Bildern nach. Besser wäre es, gleich ein Formular zu nehmen und dann die Klicks auf die Buttons mit JavaScript auszuwerten. Das HTML dürfte dann so aussehen (und funktioniert im Gegensatz zur bisherigen Lösung auch ohne JavaScript):

<form>
  <button name="reservieren" value="123">
    <img src="grafik.png" alt="Reservieren">
  </button>
  <button>
    ...
  </button>
</form>

Beachte bitte auch den sinnvollen Alternativ-Text im alt-Attribut des Bildes – so ist das Formular auch für Nicht-Sehende (woher sollen die sonst wissen, was die Grafik und damit der Button bedeutet?) und auch dann, wenn das Bild (aus welchen Gründen auch immer) nicht geladen werden kann, bedienbar, weil dann der Alternativtext angezeigt wird.

Außerdem solltest du besser nicht mit dem onclick-Attribut arbeiten, es ist wesentlich besser, via addEventListener() auf Ereignisse zu lauschen.

Nachtrag: Robert war schneller :-)

Gruß
Julius