Ergebnis 1 bis 3 von 3

Thema: Kontaktformular mit Bilder bei Auswahl

  1. #1
    correl
    Gast

    Standard Kontaktformular mit Bilder bei Auswahl

    Hallo,
    ich bau hier gerade ein Kontaktformular für Produkt Anfragen. In diesen Formular kann der User dann zb. Beispiel ein Produkt wählen und direkt darunter die Farbe.
    Es sollen aber ein kleines Bild angezeigt werden wenn er ein Produkt wählt, und wenn er die Farbe wählt, soll da auch wieder ein Bild erscheinen.
    Ich bekomm es ja hin das eine Auswahl funktioniert, wählt er aber dann die Farbe, verschwindet das obere Produkt Bild wieder.

    Kann mir bitte jemand weiterhelfen?

    Hier mein Code:
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
    var stat = false;
    function form_auswahl(id) {
    if (stat) document.getElementById(stat).style.display = "none";
    document.getElementById(id).style.display = "";
    stat = id;
    }
    </script>
    <Form>
    <div class="align">Produkt</div>
    <select class="select" name="produkt" onchange="form_auswahl(this[this.selectedIndex].value)">
    <option value="">Bitte wählen</option>
    <option value="Produkt 1">Produkt 1</option>
    <option value="Produkt 2">Produkt 2</option>
    <option value="Produkt 3">Produkt 3</option>
    <option value="Produkt 4">Produkt 4</option>
    <option value="Produkt 5">Produkt 5</option>
    </select>
    <div>
    <span style="display:none" id="Produkt 1"><img src="produkt1.jpg"></span>
    <span style="display:none" id="Produkt 2"><img src="produkt2.jpg"></span>
    <span style="display:none" id="Produkt 3"><img src="produkt3.jpg"></span>
    <span style="display:none" id="Produkt 4"><img src="produkt4.jpg"></span>
    <span style="display:none" id="Produkt 5"><img src="produkt5.jpg"></span>
    </div>

    <div class="align">Farbe</div>
    <select class="select" name="farbe" onchange="form_auswahl(this[this.selectedIndex].value)">
    <option value="">Bitte wählen</option>
    <option value="Gelb">Gelb</option>
    <option value="Rot">Rot</option>
    <option value="Schwarz">Schwarz</option>
    <option value="Grün">Grün</option>
    <option value="Orange">Orange</option>
    </select>
    <div>
    <span style="display:none" id="Gelb"><img src="gelb.jpg"></span>
    <span style="display:none" id="Rot"><img src="rot.jpg"></span>
    <span style="display:none" id="Schwarz"><img src="schwarz.jpg"></span>
    <span style="display:none" id="Grün"><img src="gruen.jpg"></span>
    <span style="display:none" id="Orange"><img src="orange.jpg"></span>
    </div>
    </Form>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Kontaktformular mit Bilder bei Auswahl

    haste zufällig mal nen link? beim helfen is das zusammensuchen von dummycontent immer voll fürn hintern
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Kontaktformular mit Bilder bei Auswahl

    ach und noch was.. ich würd mit javascript-objekten werkeln und der thread gehört eigentlich ins javascript- und php-forum
    für die vorgehensweise: objekt erzeugen, die eigenschaften und das dazugehörige bild im objekt hinterlegen.

    dann beim ändern der dropdowns prüfen mit welchen objekten der wert übereinstimmt
    (wahrsch3inlich mit ner for-schleife am besten oder ggf for in)

    dann wenn du das objekt hast, wo alle bedingungen stimmen liest du das bild aus und stopfst das dann in einen entsprechenden container (am einfachsten speicherste direkt nen bild-objekt mit new Image() und dann via image-src die url, dadurch erzeugst du ein bild-objekt und müsstest dir längere ladezeiten ersparen! (das wieder am einfachsten mit allen bildern in einem array, wo du nur noch auf den arrayindex verweisen brauchst, um dadurch an die bild-src zu gelangen)
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Auswahl-Box
    Von ssd im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 28.09.2008, 18:00
  2. Auswahl problem.
    Von Wishmaster_155 im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 25.05.2007, 21:35
  3. Kontaktformular und Bilder anhängen ohne php
    Von Lili0312 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.01.2007, 15:37
  4. Auswahl
    Von Neuling im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 16.12.2004, 12:55
  5. DropDown-Auswahl...
    Von Super-BimBam im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 4
    Letzter Beitrag: 19.09.2004, 17:20

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •