mehrere pull-down menüs auf einer seite

  • hallo ich benötige dringend hilfe, ich versuche mich mit meinen ersten schritten in html.
    folgendes Problem:
    ich habe zwei pull - down menüs und möchte nach der auswahl die bilder angezeigt bekommen in vorn von minibildern, mit einen menü habe ich das hinbekommen, nur wenn ich as zweit einfüge werden die bilder im ersten angezeigt...

  • Ich würde auch zuerst in verschiedenen Browser schauen ob es funktioniert, wenn es nur in deinem "Hauptbrauser" geht, heißt es noch lange nicht, dass es mit anderen keine Probleme gibt, selbst bei einem bild

    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.
    [Blockierte Grafik: http://www.snippr.de/social/img/logo.png]
    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  • Hallo hier der code...
    wie kann ich die Bilder und die Menüauswahl woanders auf der seite verschieben..

    Wäre über ne lösung sehr dankbar.....


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title></title>

    <script type="text/javascript" language="JavaScript">
    <!-- Begin

    function zeigeBild(sel) {
    document.minibild.src = "" + sel.options[sel.selectedIndex].value;
    }

    // End -->
    </script>

    <div align="center"> </div>

    </head>

    <body>

    <div align="center"><font color="#00cc"><h1>SDT - Datenbank
    </h1></font></div>


    </div>

    <form name="bildwahl">

    <select size=1 onChange="zeigeBild(this)">

    // W:SDT -Daten/SDT Homepage/Works

    <option value=""> Motorenauswahl
    <option value="Motor.jpg"> Motor 1
    <option value="A 330.jpg"> Motor 2
    <option value="A 340.jpg"> Motor 3
    <option value="A 3xx.jpg"> Motor 4
    </select>
    </p>
    </form>

    </div>

    <form name="">

    <select size=1 onChange="zeigeBild(this)">

    // W:SDT -Daten/SDT Homepage/Works

    <option value=".jpg"> Generatorauswahl
    <option value="Bild 1.jpg"> Generator 1
    <option value="Bild 2.jpg"> Generator 2
    <option value="Bild 3.jpg"> Generator 3
    <option value="Bild 4.jpg"> Generator 4
    </select>
    </p>
    </form>

    </div>

    <form name="">

    <select size=1 onChange="zeigeBild(this)">

    // W:SDT -Daten/SDT Homepage/Works

    <option value=".jpg"> Grundrahmenauswahl
    <option value="Bild 1.jpg"> Grundrahmen 1
    <option value="Bild 2.jpg"> Grundrahmen 2
    <option value="Bild 3.jpg"> Grundrahmen 3
    <option value="Bild 4.jpg"> Grundrahmen 4
    </select>
    </p>
    </form>


    </body>
    </html>

  • 1. Was hat das <div> im <head> zu suchen?
    2. Du hast haufenweise schliessende Tags (</p>, </div>), welche nicht geöffnet wurden.
    3. Unvollständige Attribute (name="" src="" etc).

    Behebe mal diese Sachen, vielleicht hilft das schon.

    Gruß,
    jojo


  • ich habe ien tip berücksichtig, nur bekomme ich immernoch die bilder aus der unteren menüauswahl in dem oberen fenster angrzeigt..

    fällt euch noch was ein...

  • also spontan würd ich darauf tippen:

    Code
    document.minibild.src = "" + sel.options[sel.selectedIndex].value; 
    ..
    ..
    [img]A 330.jpg[/img]

    die bilder werden immer in minibild.src angezeigt. du hast als minibild
    des oberste definiert, deshalb werden die anderen auch darin angezeigt.
    wenn se wo anders erscheinen sollen musst 2 neue funktionen
    "zeigebild" erstellen und die anderen bilder z.b. minibild2 und minibild3 nennen...

  • ok. und danke.. das habe ich hinbekommen, könnt ihr mir sagen wie ich die position meiner bilder verändern kann, also wenn ich im pull down menü ein titel von einem bild anklicke , dann möcht ich das es in der mitte von der seite angezeigt bekomme..

    vielen dank schon mal für eure hilfe