✔ menü soll Bild zeigen.

[goto;]

Hallo. Kurze Frage. Wie kann ich es verwirklichen das wenn ich ein bestimmten Menüpunkt wähle.. z.b. Diablo 2.. das mir dann an einer bestimmten Stelle, ein vorher definiertes Bild angezeigt wird? Hier der Code vom Menü

<table border="0" cellpadding="0" cellspacing="0" size="40">
            <tr>
             <td><select name="kategorie" id="Auswahl">
                                                                <option value="-1" selected="selected"></option>
                                                                <option value="Diablo 2" >Diablo 2</option>
                                                                <option value="EVE Online" >EVE Online</option>
                                                                <option value="Guild Wars" >Guild Wars</option>

                                                                <option value="Herr der Ringe" >Herr der Ringe</option>
                                                                <option value="Second Life" >Second Life</option>
                                                                <option value="Silkroad" >Silkroad</option>
                                                                <option value="World of Warcraft" >World of Warcraft</option>
                                                                <option value="12" >-------Beenden------</option>
                                                        </select> &nbsp;</td>

            </tr>
           </table>

 

[tobee]

Ich hoffe das bringt dich weiter:

onmouseover="document.getElementById('image').src = 'diablo.jpg'"

 

[Maik]

Moin,

ich nehme an, dass das Bild durch Anklicken der Auswahlpunkte aufgerufen / angezeigt werden soll.

Das liesse sich dann mit Hilfe von Javascript beispielsweise so umsetzen:

<form action="" method="post">
  <select onchange="document.getElementById('imgID').src=this.options[this.selectedIndex].value;">
    <option>Bitte ein Bild auswählen</option>
    <option value="pfad/zu/diablo_2.png">Diablo 2</option>
    <option value="pfad/zu/eve_online.png">EVE Online</option>
    <option value="pfad/zu/guild_wars.png">Guild Wars</option>
    <!-- usw. -->
  </select>
</form>

<!-- "Blindgrafik", die an einer bestimmten Stelle getauscht wird -->
<img id="imgID" src="blind.png" alt="">

mfg Maik

 

[goto;]

Vielen Dank euch beiden. Ich Teste beides mal. Gebe dann Rückmeldung

edit: Beides Funktioniert Perfekt. Vielen dank Maik und tobee