Mit Auswahlmenü Bild und Text ändern!

LadyMalia Gast · Gast

Hallo.

Ich bin eine Neustarterin und kenne mich noch nicht ganz so gut HTML & Co. aus. Bis jetzt habe ich mich immer so ein bisschen durch homepage-total gefressen (Ich liiiebe die Seite!), aber für meinen folgenden Wunsch habe ich dort leider nichts gefunden, und wenn habe ich es nicht umschreiben können. Vielleicht könnt ihr mir ja helfen!

Ich möchte mit einem Auswahlmenü ein Bild und eine dazugehörige beschreibung auswählen/ändern.
Man wählt z.B. im Auswahlmenü "Wald" oä., bestätigt dann mit "Los!" und daneben erscheint ein Bild mit Bäumen und darunter irgentein Waldgedicht.

Also quasi wie eine Art Bildergallerie... eigentlich ganz simpel...

Ich kann da sganze nicht so gut beschreiben, deswegen hab ich hier mal ein Beispielbild gemacht!:

Es wäre wunderbar, wenn mir da einer helfen könnte...Und einen "Code" für mich hat oder Links, wo es sowas gibt.

Vielen herzlichen Dank schonmal im Vorraus!

Mit freundlichen Grüßen

LadyMalia

Gast

*schieb*

LadyMalia Gast · Gast

*schieb*

Werner · Homepage-Total.de Moderator

Hier wird nicht geschoben Sad

als Lady macht man so etwas nicht Smile

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
</head>

<body>

<script type="text/javascript">
var txt = new Array;
var bild = new Array;

txt[1] = "Die Worte sind für ...";
bild[1] = "wald.gif";

txt[2] = "bla bla";
bild[2] = "strand.gif";

txt[3] = "blub blub";
bild[3] = "sonne.gif";

function zeige() {
var ID = document.Form.auswahl.options[document.Form.auswahl.selectedIndex].value;
if (ID != "-Wähle aus-") {
document.getElementById("bil").innerHTML = '<img src="' + bild[ID] + '">';
document.getElementById("tex").innerHTML = txt[ID];
}
}
</script>

<form method="post" action="" name="Form">

<table border="1" width="100%">
<tr>
<th width="50%">

<select size="1" name="auswahl">
<option>-Wähle aus-</option>
<option value="1">Wald</option>
<option value="2">Strand</option>
<option value="3">Sonne</option>
</select>
<input type="button" value="und los" onClick="zeige();">

</th>
<td>

<span id="bil"> </span><br>
<span id="tex"> </span>

</td>
</tr>
</table>

</form>

</body>
</html>

LadyMalia Gast · Gast

Hallo Werner.

Vielen Vielen Dank!! :-* <3

Das ist genauso, wie ichs mir vorgestellt hab! Very Happy

Entschuldigung. Werde nicht mehr schieben. Und mich wie eine echte Lady verhalten Wink

Lg

LadyMalia

LadyMalia · Mitglied

Ich habe dazu nochmal eine Frage:

Kann ich auch mit einem einfachen link Bild und Text rechts ändern.

Also, wie wenn ich jetzt extra nochmal unter dem Auswahlmenü einen ganz normalen link habe, der dann z.B. auf "Sonne" verweist...

Was muss da bei href= hin?

Und geht das überhaupt?

Vielen Dank im Voraus!!!<3

LadyMalia

Werner · Homepage-Total.de Moderator

Also mit einen normalen Link funktioniert das nicht,
aber mit einem Link und JavaScript:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
</head>

<body>

<script type="text/javascript">
var txt = new Array;
var bild = new Array;

txt[1] = "Die Worte sind für ...";
bild[1] = "wald.gif";

txt[2] = "bla bla";
bild[2] = "strand.gif";

txt[3] = "blub blub";
bild[3] = "sonne.gif";

function zeige(ID) {
document.getElementById("bil").innerHTML = '<img src="' + bild[ID] + '">';
document.getElementById("tex").innerHTML = txt[ID];
}
</script>

<table border="1" width="100%">
<tr>
<th width="50%">

<a href="javascript:zeige('1');">Wald</a><br>
<a href="javascript:zeige('2');">Strand</a><br>
<a href="javascript:zeige('3');">Sonne</a><br>

</th>
<td>

<span id="bil"> </span><br>
<span id="tex"> </span>

</td>
</tr>
</table>

</form>

</body>
</html>

Mittlerweile Habe ich auf meiner HP einen Artikel darüber geschrieben

Bildauswahl mit Textanzeige

LadyMalia · Mitglied

Boa Werner, du bist ein Schatz <3 Razz

Vielen Dank.

Das du dazu etwas auf homepage-total geschrieben hast finde ich toll und ich bin sogar ein bisschen geehrt Wink

Das hat iwie noch gefehlt!

Mit freundlichen Grüßen

LadyMalia

LadyMalia · Mitglied

Emmm....

Werner, ich glaube du hast dich da einmal ein bisschen vertan...
Bei dem Artikel auf deiner Homepage dazu hast du bei "Mit einen Link Bilder und Beschreibungen anzeigen" statt Bild1, Bild2, Bild3

Werner · Homepage-Total.de Moderator

Danke für die "Fehlermeldungen", ich habe es auf der HP gleich geändert. Embarassed