array bei onMouseOver

[Peter]

Hallo zusammen

Ich bin änfänger mit javascript und habe eine frage unzwar möchte ich gerne ein menü machen wo nur bilder zu sehen sind und wenn man über eines der bilder fährt wird angezeigt(als text) wohin der link geht

das hab ich soweit geschafft:

<script type="text/javascript">

function test(anzeige) {
  document.getElementById("test").style.visibility = anzeige;
}
function test2(anzeige) {
  document.getElementById("test2").style.visibility = anzeige;
}

</script>

<div id="menu">
<a href="#" onMouseOver="test('visible')" onMouseOut="test('hidden')"><img src="img/bs.png"></a>
<a href="#" onMouseOver="test2('visible')" onMouseOut="test2('hidden')"><img src="img/bs2.png"></a>
<p id="test" style="visibility:hidden">irgenwas</p>
<p id="test2" style="visibility:hidden">irgendwas</p>
</div>

so jetzt zu meinen eigentlichen problem der text wird jedesmal eine zeile weiter unten angezeigt es sollte aber alles in einer reihe angezeigt werden
das problem wollte ich mit einem array hab aber überhaupt keine ahnung wie

kann mir kemand helfen ???

mfg Peter

[Gunnar Bittersmann]

@@Peter:

nuqneH

habe eine frage unzwar möchte ich gerne ein menü machen wo nur bilder zu sehen sind und wenn man über eines der bilder fährt wird angezeigt(als text) wohin der link geht

Deine Frage sollte nicht „möchte ich gerne“ beinhalten, sondern „möchte der Nuter meiner Seiten gerne“. Mystery meat navigation möchte er sicher nicht.

Qapla'

[ChrisB]

Hi,

Ich bin änfänger mit javascript und habe eine frage unzwar möchte ich gerne ein menü machen wo nur bilder zu sehen sind und wenn man über eines der bilder fährt wird angezeigt(als text) wohin der link geht

Das ginge auch rein mit CSS, Stichwort CSS Popups.

<a href="#" onMouseOver="test('visible')" onMouseOut="test('hidden')"><img src="img/bs.png"></a>
<a href="#" onMouseOver="test2('visible')" onMouseOut="test2('hidden')"><img src="img/bs2.png"></a>
<p id="test" style="visibility:hidden">irgenwas</p>
<p id="test2" style="visibility:hidden">irgendwas</p>
</div>

so jetzt zu meinen eigentlichen problem der text wird jedesmal eine zeile weiter unten angezeigt es sollte aber alles in einer reihe angezeigt werden

Natürlich - er steht in einem Absatz, und die haben nun mal die Eigenschaft, eigene Absätze darzustellen.

Du könntest den Text bspw. in einem Span verpackt mit in den Link stecken.
Und dann bist du auch schon nahe an der CSS-Lösung - du änderst die Sichtbarkeit dieses Spans abhängig vom :hover-Zustand des Links mit dem Nachfahren-Selektor.

das problem wollte ich mit einem array hab aber überhaupt keine ahnung wie

Ich nicht verstehe Satz.

MfG ChrisB