Grafik wechsel

[Metha]

Hallo

folgendes Problem:
Ich verwende Klappmenüs, die jeh nach momentaner Anzeige auf bzw. zu "klappen".
Nun verwende ich bei dem jeweiligen Menü immer ein image und die aktion auzuführen. Solage ich nur Menü1 habe, wechselt das Bild auch immer, doch bei zwei oder mehreren Menüs (Menü 2, Menü 3 ect.), funktioniert es nicht mehr.

zur Veranschaulichung:
Menü1
-Untermenü1
-Untermenü2
-Untermenü3

Menü2
-Untermenü1
-Untermenü2
-Untermenü3

Hier nun die betroffenen Codestellen:

meine javascript Funktion:

function wechsel(welche)
	{
	if(document.all(welche).style.display == "none")
		{
		document.all(welche).style.display = "block";
		document.bild.src='images/i2/hoch.gif'
		}
	else
		{
		document.all(welche).style.display = "none";
		document.bild.src='images/i2/runter.gif'
		}
	}

auszug der html zeilen

...
		<a href="javascript:wechsel('news')"><img name="bild" src="images/i2/hoch.gif" width="13" height="9"></a></td>
	</tr>
	<tr>
		<td colspan="3">
			<table width="150" style="display: block;" name="news" id="news" bgcolor="#E9EEE4">
...

...
		<a href="javascript:wechsel('gästebuch')"><img name="bild" src="images/i2/runter.gif" width="13" height="9"></a></td>
	</tr>
	<tr>
		<td colspan="3">
			<table width="150" style="display: none;" name="gästebuch" id="gästebuch" bgcolor="#E9EEE4">
...

Ich glaube auch zu wissen woran es liegt, dass das bild bei mehreren menüs nicht mehr wechselt. Da bei den images die die Aktion ausführen, beidemale name="bild" steht, führt dies zu einem konflik.

 

[Metha]

Kann mir denn keiner weiterhelfen ?
Die Grafik soll lediglich gewechselt werden, wenn man auf sie klickt.
Am besten wäre es natürlich, wenn der Grafiktausch auch in der javascript Funktion bliebe, da man dort den wechsel von den momentanen Status (block oder none) abhängig machen könnte...

 

[Metha]

Habe es hinbekommen!
Hier die Lösung:

HTML:

<a href="javascript:wechsel('gaestebuch','gpic')"><img src="images/i2/runter.gif" width="13" height="9" name="gpic" id="gpic"></a></td>

JS:

function wechsel(cat, pic)
	{
	if(document.all(cat).style.display=="none")
		{
		document.all(cat).style.display="block";
		document.images[pic].src="images/i2/hoch.gif";
		}
	else
		{
		document.all(cat).style.display="none";
		document.images[pic].src="images/i2/runter.gif";
		}
	}

 

[Sven Mintel]

Danke, dass du deine Lösung auch gepostet hast, ...so haben alle etwas davon