nicht angemeldet
Auswahlbox mit Bildern statt Text
Der MartinHallo,
ich würde gerne ich würde gerne eine Auswahlbox mit Bildern anstatt Text haben wollen. Leider fällt mir keine Funktion ein, die Ein "img src"-Attribut korrekt Ausgibt.:
<form action="">
<label for="select">Springe zum Kontinent</label>:
<select id="select" size="1" onchange="link();">
<option value="" selected="selected">Bitte Wählen...</option>
<option value="js_asien.html"><img src="ASIEN.HTML"></option>
<option value="js_europa.html"><img src="EUROPA.HTML"></option>
<option value="js_nordamerika.html"><img src="NORDAMERIKA.HTML"></option>
</select>
</form>
-
Hi,
ich würde gerne ich würde gerne eine Auswahlbox mit Bildern anstatt Text haben wollen. Leider fällt mir keine Funktion ein, die Ein "img src"-Attribut korrekt Ausgibt.
das könnte daran liegen, dass es keine gibt. ;-)
Das option-Element enthält als Inhalt nur reinen Text, du kannst also keine weiteren HTML-Elemente darin unterbringen.
Ich könnte mir als einzigen Weg vorstellen, dass du die Bilder den jeweiligen option-Elementen als Hintergrundbilder mitgibst - dazu noch die Höhe der Einträge passend setzen. Das Dumme dabei ist, dass die Unterstützugn durch die real existierenden Browser sehr unterschiedlich ist und von "brauchbar" bis "nahezu gar nicht" reicht.<form action="">
<label for="select">Springe zum Kontinent</label>:
<select id="select" size="1" onchange="link();">
<option value="" selected="selected">Bitte Wählen...</option>
<option value="js_asien.html"><img src="ASIEN.HTML"></option>
<option value="js_europa.html"><img src="EUROPA.HTML"></option>
<option value="js_nordamerika.html"><img src="NORDAMERIKA.HTML"></option>
</select>
</form>Hier solltest du noch einen Submit-Button zusätzlich vorsehen (und natürlich eine serverseitige Unterstützung), damit auch Besucher ohne Javascript eine Chance haben, hier weiterzukommen.
So long,
Martin--
Success should be measured not so much by the position that one has reached in life,
but by the obstacles one has overcome while trying to succeed.-
Hi Martin,
Ich könnte mir als einzigen Weg vorstellen, dass du die Bilder den jeweiligen option-Elementen als Hintergrundbilder mitgibst - dazu noch die Höhe der Einträge passend setzen. Das Dumme dabei ist, dass die Unterstützugn durch die real existierenden Browser sehr unterschiedlich ist und von "brauchbar" bis "nahezu gar nicht" reicht.
Es gibt noch eine andere möglichkeit, allerdings ist diese nicht Browserübergreifend, aber mal Hand aufs Herz,
wer will schon für den "Internet Explorer" Optimieren. *ghttp://aktuell.de.selfhtml.org/artikel/css/optionbilder/index.htm Beitrag vom Andreas
Grüße aus H im R,
Engin
-
