Mousover Bild -> Textausgabe in Textfeld

[benni_wue]

Mouseover Bild -> Textausgabe in Textfeld

hoi!
hab jezz schon hier rumgestöbert und auch schon ne teillösung gefunden... allerdings nicht das, was cih wirklich will...

will, dass wenn ma in einer toolbar auf der website über nen ICON fährt die Funktion des Icons darunter in nem Textfeld angezeigt wird...
Das TXTFELD soll immer das gleiche sein.... mein problem is das zuordnen der IDs

einzelne Buttons mit Mousover Event:

<a                 onMouseOver="document.getElementById('1').style.display='block';"
	onMouseOut="document.getElementById('1').style.display='none';">
	<img src="windream%20XP%20buttons/arbeitsplatz.ico">
</a>
<a	 onMouseOver="document.getElementById('2').style.display='block';"
	onMouseOut="document.getElementById('2').style.display='none';">
<br>
	<img src="windream%20XP%20buttons/abbruch2_delete.ico"></a>
usw....

Und hier die Sache mit den IDs:

<div 
	id="1">Explorer 
</div>
<div 
	id="2">Abbruch 
</div>

Vielleicht kann mir einer helfen wie ich es schaffe das die richtige ID ausgewählt wird und dann die jeweils richtige ID in ein Textfeld auszugeben.

Big Thx im voraus!

 

[Sven Mintel]

Hallo... ich sehe da nirgends ein "Textfeld"?

Falls du mit "Textfeld" diese <div>'s mit den IDs meinst, dann versuche mal, die IDs zu ändern...lt. Javascript muss die ID eines Seitenelements mit einem Buchstaben beginnen.

Falls du etwas anderes meinst, ekläre bitte genauer, worum es sich handelt.

 

[benni_wue]

habs nu so gelöst:


JAVASCRIPT CODE:

function text_view(obj, text) { 
    document.getElementById("bla").firstChild.nodeValue = text; 

} 


</script>

und so sehn die links aus:

<a href="bla1.html" onMouseOver="text_view(this, 'Explorer');" onMouseOut="text_view(this, 'Infotext');"><img src="bild1.gif" width="30" height="30"></a> 
<a href="bla2.html" onMouseOver="text_view(this, 'Abbrechen');" onMouseOut="text_view(this, 'Infotext');"><img src="bild2.gif"  width="30" height="30"></a> 

<div id="bla">Infotext</div>
[...]

sieht im browser so aus:
[BILD1] [BILD2] [BILD3] usw...
[Infotxt]

was ich jezz noch ham will is das der Infotxt in einem Textfeld ausgegebn wird.

und noch ne Frage:
Warum funktioniert der Code nichtmehr wenn ich bei <div id="bla">Infotext</div> das Format des Textes ändern will ....
zb in <div id="bla"><b>Infotext</b></div> <-- dann geht nixmehr

 

[Sven Mintel]

Ich versteh immer noch nicht, was du mit "Textfeld" meinst.

Das sind meines Erachtens die Formularelemente <input type="text"> bzw. <textarea>, welche ich nirgends sehe.

Wenn du soetwas meinst, dann gehts so:

<script type="text/javascript">
<!--
function text_view(text)
{ 
    document.f1.infotext.value= text; 
} 
//-->
</script>

<a href="bla1.html" onMouseOver="text_view('Explorer');" onMouseOut="text_view('Infotext');"><img src="bild1.gif" width="30" height="30"></a> 

<a href="bla2.html" onMouseOver="text_view('Abbrechen');" onMouseOut="text_view('Infotext');"><img src="bild2.gif"  width="30" height="30"></a> 

<form name="f1">
<input name="infotext"type="text"size="30">
</form>

Was das andere betrifft.... dann hängst du mit dem <b> einen neuen Knoten in das <div> ein....der erste Knoten (firstChild) ändert sich damit.

gebe dem <b> statt dem <div> die ID "bla" und es sollte wieder gehen.

 

[benni_wue]

THX fatalus jezz isses schon fast perfekt wie ichs mir vorstelle big thx =))

hab jezz noch en "readonly" in den "input type" gemacht, sodass der mit javascript gelesene inhalt nichtmehr editiert werden kann ...

nochma danke für die schnelle antwort