Rückgabewert

[Lena]

Hallo!

Ich habe ein kl. Anfänger-Problem mit JS:
Auf meiner Site habe ich eine Navigation zum Blättern für Bilder eingebaut. Nun soll, wenn man z.B. auf den Link 2 klickt, zum Bildwechsel auch ein entsprechender Untertitel angezeigt werden. Derzeit habe ich dafür ein <input>-Feld vorgesehen. Aber bestimmt gibt es da eine bessere Lösung-oder?

HTML:
<img name="Header" src="images/header-bild1.jpg" />
<form name="Formular"><input type="text" name="Untertitel" value="" size="80" /></form>
<ul>
<li><a id="1" href="javascript:bild(1);">1</a></li>
<li><a id="2" href="javascript:bild(2);">2</a></li>
</ul>

JS:
function bild(Nummer) {
switch(Nummer) {
case 1   : {
document.Header.src="images/header-bild1.jpg";
document.Formular.Untertitel.value="Untertitel 1"; break;
}
case 2  : {
document.Header.src="images/header-bild2.jpg";
document.Formular.Untertitel.value="Untertitel 2"; break;
}

Bin für jede Unterstützung dankbar. Gruß Lena

[Struppi]

Auf meiner Site habe ich eine Navigation zum Blättern für Bilder eingebaut. Nun soll, wenn man z.B. auf den Link 2 klickt, zum Bildwechsel auch ein entsprechender Untertitel angezeigt werden. Derzeit habe ich dafür ein <input>-Feld vorgesehen. Aber bestimmt gibt es da eine bessere Lösung-oder?

Ja, du kannst auch den Inhalt innerhalb eines Elementes austauschen mit innerHTML

JS:
function bild(Nummer) {
switch(Nummer) {
case 1   : {
document.Header.src="images/header-bild1.jpg";
document.Formular.Untertitel.value="Untertitel 1"; break;
}
case 2  : {
document.Header.src="images/header-bild2.jpg";
document.Formular.Untertitel.value="Untertitel 2"; break;
}

Das ginge auch wesentlich flexibler:

function bild(Nummer) {
document.Header.src = "images/header-bild"+ Nummer + '.jpg";
document.Formular.Untertitel.value="Untertitel " + Nummer;
}

Struppi.