Marcus: Realisierungsproblem

Hallo zusammen,

ich komme bei meiner Überlegung nicht weiter, vielleicht habt Ihr ja eine Idee:

Der User soll 5 Auswahlfelder mit insg. 3 Auswahlmöglichkeiten haben.
= er kann 5 mal zwischen 3 verschiedenen Bildern unterscheiden.

Hierbei soll per Klick auf eines der 3 möglichen Bilder die jeweilige Auswahl getroffen werden.

Eine getroffene Auswahl soll oben in einer Leiste mit dem entsprechenden Bild angezeigt werden.
= Bild1: (Bildauswahl 1-3); Bild2: (Bildauswahl 1-3); Bild3...
bis Bild5

Sofern der User sich vertan hat und noch einmal "zurück" möchte, dann sollte ein Button dafür sorgen.
= User hat Bild1, Bild2, Bild3 und Bild4 ausgewählt und nun fällt ihm ein, daß er für Bild2 doch lieber eine andere Auswahl treffen würde... Man bräuchte also eine "Delete" Funktion.

Anschließend muss die Auswahl 1-5 mit den entsprechenden Auswahlen per Formular an ein PHP Script geschickt werden.

Ansatz:

  • Bei Klick auf das Bild wird ein Javascript ausgerufen
  • Im Script muss eine Variable hochgezählt werden (1-5) = i
  • Pro Klick wird ein Array[i] mit dem entsprechendem Wert gefüllt
  • anschließend wird eine Zelle in einer Tabelle (die i. Zelle) mit dem entsprechend ausgewählten Bild gefüllt)
  • die Delete Funktion löscht einfach wieder das Bild und den Wert des i.-ten Array Inhalts und verringert i um 1.

Ich kenne mich in Javascript leider überhaupt nicht aus...

Weiß jemand Rat?

Dank und Gruß
Marcus

  1. Hi Marcus,

    Der User soll 5 Auswahlfelder mit insg. 3 Auswahlmöglichkeiten haben.

    Und wozu soll dafür JavaScript nötig sein?

    Ein solches Formular lässt sich in HTML problemlos umsetzen:

    <form action="http://example.net/foo>  
      <fieldset>  
        <legend>Auswahl 1</legend>  
        <input type="radio" id="a11" name="a1" value="a11">  
        <label for="a11"><img src="http://example.net/bild11" alt="Bild 11" /></label>  
        <input type="radio" id="a12" name="a1" value="a12">  
        <label for="a12"><img src="http://example.net/bild12" alt="Bild 12" /></label>  
        <input type="radio" id="a13" name="a1" value="a13">  
        <label for="a13"><img src="http://example.net/bild13" alt="Bild 13" /></label>  
      </fieldset>  
      
      <fieldset>  
        <legend>Auswahl 2</legend>  
        <input type="radio" id="a21" name="a2" value="a21">  
        <label for="a21"><img src="http://example.net/bild21" alt="Bild 21" /></label>  
        <input type="radio" id="a22" name="a2" value="a22">  
        <label for="a22"><img src="http://example.net/bild22" alt="Bild 22" /></label>  
        <input type="radio" id="a23" name="a2" value="a23">  
        <label for="a23"><img src="http://example.net/bild23" alt="Bild 23" /></label>  
      </fieldset>  
      
      <!-- Auswahl 3 bis 5 entsprechend -->  
    </form>
    

    Die Gestaltung des Formulars mir HTML und CSS liegt in deiner Hand.

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
    1. Hallo Gunnar,

      sorry, aber das trifft es nicht wirklich.

      Ich will nicht bei allen 5 Auswahlbereichen jeweils 3x die Bilder anzeigen, sondern einmal die 3 möglichen Bilder als Auswahl vorgeben, und dann "je nach Klickreihenfolge" die Werte 1-5 füllen.