Robert B.: Daten aus einer Javascript Funktion in einen Warenkorb legen

Beitrag lesen

Moin ReiniG,

erst einmal ein paar Anmerkungen zu deinem "View":

$counter = 0;
$file = 'seats.txt';
$line = file($file);

Du gehst im Folgenden davon aus, dass deine Datei exakt 14 Zeilen hat. Vielleicht möchtest du lieber über count($line) iterieren?

for($i=0;$i < 14;$i++){ 
	$counter = $counter + 1;

Wie du eine Zeile darüber siehst, geht das auch kürzer: ++$count.

	$string = $line[$i];

Ich würde auch gleich noch eine weitere Variable anlegen: $status = substr($string, 4, 1). Damit sparst du dir zwei weitere Aufrufe der Funktion im darauf Folgenden if-else.

Anstelle der Bitmaps, die IMHO unkomprimiert sind, würde ich je nach Anwendungsfall eher PNG, JPEG oder SVG verwenden. Dann fehlen da im einfachsten Fall entweder Semikoli oder CSS-Code – auf jeden Fall allerdings jeweils das alt-Attribut des img-Elements! Wobei passende CSS-Klassen für jeden möglichen $status eines Button oder gar eine entsprechend aktivierte SVG-Grafik deutlich besser wären.

	if($counter == 8) { echo "&nbsp &nbsp <img src='R1.bmp' /> &nbsp &nbsp &nbsp &nbsp"; } 
	if(substr($string,4,1) == "f") { 
		echo "<img id=$i onclick='myFunction(id)' src='chkBox_10.bmp' title='0' /> &nbsp &nbsp"; } 
	else if(substr($string,4,1) == "s") { 
		echo "<img id=$i onclick='myFunction(id)' src='chkBox_2.bmp' title='2' /> &nbsp &nbsp"; } 
	else if(substr($string,4,1) == "r") { 
		echo "<img id=$i onclick='myFunction(id)' src='chkBox_1.bmp' title='1' /> &nbsp &nbsp"; } 
	else {
    echo "<img id=$i onclick='myFunction(id)' src='chkBox_3.bmp' title='3' /> &nbsp &nbsp"; }
}
?>

Achso, hat es eigentlich einen Grund, warum der Wert des id-Attributs nicht in Anführungszeichen steht?

Wie bringe ich jetzt die ausgewählten Sitze (aus der client side Javascript Funktion) in den Warenkorb (event. auf eine neue Seite)?

Zu deiner Verarbeitungslogik: Die alert-Aufrufe brauchst du nicht, wenn du vorher mit einer Legende erläuterst, was das jeweilige Symbol bedeutet. Und die nicht verfügbaren Sitze würde ich gar nicht erst klickbar machen. Apropos klickbar: Ich denke, dass du in deinem Anwendungsfall wirklich lieber gestylte Buttons statt Bilder haben möchtest. Wenn du das ganze noch in ein Formular steckst, können auch Nutzer ohne JavaScript bei dir buchen.

Auf deinem Server brauchst du dann natürlich noch ein PHP-Programm, das die Formulardaten entgegen nimmt.

Viele Grüße
Robert

0 81

Daten aus einer Javascript Funktion in einen Warenkorb legen

ReiniG
  • javascript
  • php
  1. 0
    Robert R.
    1. 0
      Gunnar Bittersmann
      • ux
      1. 0
        chorn
        1. 0
          Gunnar Bittersmann
        2. 0
          Robert R.
          1. 0
            Gunnar Bittersmann
            1. 1
              dedlfix
              1. 0
                Gunnar Bittersmann
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    ReiniG
                    • javascript
                    • ux
                    1. 0
                      Julius
                      • datenbank
                      • formulare
                      • javascript
                    2. 0
                      Gunnar Bittersmann
                      1. 0
                        roundturn
                        • javascript
                        • programmiertechnik
                        • webserver
                2. 0
                  pl
                  1. 0
                    Auge
                    1. 0
                      pl
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Gunnar Bittersmann
                      2. 0
                        Auge
                      3. 0
                        dedlfix
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            dedlfix
                            1. 0
                              Gunnar Bittersmann
                              1. 1
                                dedlfix
                                1. 1
                                  Tabellenkalk
                                2. 0
                                  ReiniG
                                3. 0
                                  Gunnar Bittersmann
                                  1. 0
                                    Auge
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 1
                                        Auge
                                        1. 0
                                          Gunnar Bittersmann
                                          1. 0
                                            Auge
                                            1. 0
                                              Gunnar Bittersmann
                                              1. 0
                                                Auge
                                                1. 0
                                                  dedlfix
                                                  1. 0
                                                    Auge
                                                    1. 0
                                                      Gunnar Bittersmann
                                      2. 0
                                        Christian Kruse
                                        1. 0
                                          Gunnar Bittersmann
                  2. 0
                    Gunnar Bittersmann
            2. -1
              roundturn
              • programmiertechnik
              • webserver
              1. 0
                Gunnar Bittersmann
                • ux
                1. 0
                  dedlfix
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      dedlfix
                      1. 0
                        Gunnar Bittersmann
                      2. 0
                        Mitleser
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Mitleser
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                Christian Kruse
                                1. 0
                                  Gunnar Bittersmann
                              2. 0
                                Mitleser
                          2. 0

                            Kompromissvorschlag zur Güte

                            Camping_RIDER
                    2. 0
                      roundturn
                      • programmiertechnik
                      • ux
                  2. 0

                    Client/Server, richtige Protokollwahl auch auf höheren Schichten

                    roundturn
                    • programmiertechnik
                    • webserver
        3. 0
          Christian Kruse
      2. 0
        Robert R.
        • programmiertechnik
        1. 0
          Gunnar Bittersmann
  2. 0
    Robert B.
    1. 0
      dedlfix
      1. 0
        Robert B.
        1. 0
          dedlfix
          1. 0
            MudGuard
  3. 0
    Julius
  4. 1
    Gunnar Bittersmann
    • html
    • javascript
    1. 1
      Gunnar Bittersmann
  5. 0

    Anzahl der parallelen XHR?

    Robert R.
    • browser
    • javascript
    1. 0
      Camping_RIDER
      1. 0
        Robert R.
        1. 0
          Camping_RIDER
          1. 0
            Robert R.
            1. 0
              Camping_RIDER
              1. 0

                Anzahl der parallelen XHR? Das passt in meinThema!

                TS
                1. 0
                  Camping_RIDER
                  1. 0
                    TS
                    • css
                    • javascript
                    1. 0
                      Camping_RIDER
                      1. 0
                        TS
                        1. 0
                          Gunnar Bittersmann
                          • css
                          • javascript
                          • progressive enhancement
                        2. 0
                          Camping_RIDER