kostenloser Webspace werbefrei: lima-city


Suche Javascript

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    s******4

    Hi!

    Situation ist folgende:
    Ich habe ein <select>-Element. Dadrin stehen lauter Namen. Ich hab ein Javascript-Array wo zu jedem Namen auch noch eine Bild-URL zugeordnet ist.
    Ich brauche ein Javascript, das beim Anklicken eines Namens im <select>-Element untendrunter das Bild, das dazugeh&#246;rt, anzeigt. Technisch m&#252;sste es m&#246;glich sein oder?

    Bitte helft mir!
    Thx im vorraus f&#252;r die Antworten
    MfG
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. &#246;hm...

    Ich k&#246;nnte dir jetzt schnell die L&#246;sung runtercoden, aber weil du so viel doppelpostest kriegst du nur ein paar Hinweise:

    http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onchange
    http://de.selfhtml.org/javascript/objekte/options.htm#selected_index
    http://de.selfhtml.org/selfhtml/javascript/objekte/images.htm#src

  4. Autor dieses Themas

    s******4

    Sorry dass ich grade so gedr&#228;ngt hab, aber ich kann kein bischen Javascript und das Projekt muss morgen fertigwerden. Ich m&#246;chte dich also inst&#228;ndig bitten mir die L&#246;sung zu erkl&#228;ren.


    Beitrag geändert: 20.10.2007 20:08:11 von scrawl24
  5. Ohne Java-Skript kenntnis ist es schon ein wenig viel verlangt. Zumal das "erkl&#228;ren" recht lange dauern w&#252;rde damit du dir die L&#246;sung selber schreiben k&#246;nntest.

    Also:
    Wer Lesen kann ist klar im Vorteil!

    ...oder l&#246;se es so wie du es kannst.
  6. Autor dieses Themas

    s******4

    hab mich jetzt mal in ein tut eingelesen und es mal versucht:

    <html>
    <body>
    <form name="Testform" action="main.php" method="post">
    <select name="Auswahl" onchange="show_image(cards[document.Testform.Auswahl.selectedIndex])">
    <option>Nummer Eins</option>
    <option>Nummer Zwei</option>
    </select>
    </form>
    <script type="text/javascript">
    var cards=new Array();
    </script>
    <script type="text/javascript">
    cards[0] = "circ.jpg";
    </script>
    <script type="text/javascript">
    cards[1] = "tristram.jpg";
    </script>
    </script>
    <script type="text/javascript">
    function show_image (url)
    {
        document.write("<img src='"+url+"'>");
    }
    </script>
    </body>
    </html>

    Oder auch zu bestaunen hier: http://scrawl24.lima-city.de/test.html
    Hab aber noch ein Problem: Wenn man ein Element ausw&#228;hlt, wird zwar das Bild angezeigt aber die Auswahl verschwindet (Was sie nicht tun soll). Also das Bild soll unter der Auswahl angezeigt werden.
    Helft mir bitte ich muss heute fertigwerden mit dem Projekt!!


    Beitrag geändert: 21.10.2007 11:39:29 von scrawl24
  7. Autor dieses Themas

    s******4

    Ok habs jetzt hat sich erledigt :)
    falls jemanden die l&#246;sung interessiert:
    <html>
    <body>
    <form name="Testform" action="main.php" method="post">
    <select name="Auswahl" onchange="show_image(cards[document.Testform.Auswahl.selectedIndex])">
    <option>Nummer Eins</option>
    <option>Nummer Zwei</option>
    </select>
    </form>
    <script type="text/javascript">
    var cards=new Array();
    </script>
    <script type="text/javascript">
    cards[0] = "circ.jpg";
    </script>
    <script type="text/javascript">
    cards[1] = "tristram.jpg";
    </script>
    </script>
    <script type="text/javascript">
    function show_image (url)
    {
        document.getElementById("image").src = url;
    }
    </script>
    <img id="image">
    </body>
    </html>

    http://scrawl24.lima-city.de/test.html
  8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!