Infotext in einem frei posizionierbaren Textfeld, wenn Mouseover über ein Bild ist

[fintera]

Hallo zusammen,

bin recht neu im Html. Habe diese Lösung für mein Problem gefunden, geht aber noch nicht so richtig für meine Anwendung.

Ich habe mehrere Bilder unten nebeneinander, wenn ich die Mouse darüber bewege soll in einem Textfeld an einer anderen Stelle ein Beschreibungstext für das jeweilige Bild erscheinen.

<script type="text/javascript">
<!--
function text_view(text)
{ 
    document.f1.infotext.value= text; 
} 
//-->
</script>
 
<div id="apDiv8"><a href="#" onMouseOver="text_view('Elektro');" onMouseOut="text_view('');"><img src="Button_Menu_01.gif" width="130" height="30"></a></div>
 
<div id="apDiv9"><a href="#" onMouseOver="text_view('Kühlschrank');" onMouseOut="text_view('');"><img src="Button_Menu_02.gif"  width="130" height="30"></a></div>
 
 
<form name="f1">
<input name="infotext"type="text"size="30">
</form>

das funktioniert ja auch gut. Nur brauche ich die Ausgabe des Textes in einem normalen Textfeld, das ich positionieren kann wie ich will (nicht in einem Formular).

Danke im Voraus für die schnelle Hilfe.

 

[SpiceLab]

Nur brauche ich die Ausgabe des Textes in einem normalen Textfeld

Statt der value-Eigenschaft des elements-Objekts benötigst du dann innerHTML in Verbindung mit z.B. getElementById() für dein "normales Textfeld" (z.B. <p></p>, <div></div>).

...
    document.getElementById('infotext').innerHTML= text; 
...

<div id="infotext"></div>

 

[fintera]

Ja perfekt, danke für die schnelle Hilfe.

mfg Fintera