✔ bei onMouseOver text anzeigen, und bei onMouseOut wieder verschwinden lassen!?

[phamez]

Hi Leute..

Ihr habt die Frage bestimmt schon hundert mal gehört, aber ich bin aus den Themen von der Suchfunktion einfach nicht schlau geworden, bzw. habe nichts brauchbares finden können.

Zum Thema:

Ich habe auf meiner seite eine tabelle mit 3 zeilen. in der untersten zeile sind 5 kleine bilder. Wenn man jetz mit der Maus über ein Bild fährt sollte in der zweiten mittleren Spalte der Tabelle ein Text erscheinen, und wenn man mit der Maus wieder wegfährt soll der Text wieder verschwinden. Bei jedem Bild sollte ein anderer Text, aber immer an der gleichen Stelle in der zweiten tabellenspalte erscheinen. Wie ist das realisierbar?

Danke schonmal im vorraus,
mfg

 

[con-f-use]

Mal ein simples Beispiel:

<div id="txt">&nbsp;</div>
 
 <div 
 	onmouseover="document.getElementById('txt').firstChild.data='blubb'" 	
 
 	onmouseout="document.getElementById('txt').firstChild.data='&nbsp;'"
 >Mouse</div>

 

[phamez]

hm, sry aber dein username würde jetz eher zu mir passen ?!

geht das nicht ausführlich? z.b. brauch ich ja ein javascript für die mouseover und out sache, und wohin kommen die div tags genau?

 

[con-f-use]

Es funktioniert auch mit anderen Tags. Einem Tag gibtst du eine id (in meinem Beispiel heit die id "txt"). Nun kannst du den Inhalt des entsprechenden Tags über document.getElementById('HierDieIdEinfügen').firstCild.data ändern. Wenn du das nun in einem mouseover oder mouseout Event packst (in deinem Fall werden diese Events innerhalb der <img>-Tags deiner Bilder stehen), kannst du dein Ziel erreichen.

Wenn du mehr Hilfe brauchst, mach dich bitte bei selfhtml schlau.

 

[phamez]

Ok danke... Mein Problem ist jetz nur noch, wie bestimme ich die Position, wo nachher der Text angezeigt werden soll so, dass er in der 2ten Spalte der Tabelle angezeigt wird? Ich hab bis jetz nur feste positionenangaben mit pixel entdeckt. Vom Prinzip her mein ich dass so, dass man die spalte irgendwie benennt und dann als target verwendet

// edit

ah fett ich habs hinbekommen... danke vielmals für deine hilfe!

 

[Maik]

ah fett ich habs hinbekommen... danke vielmals für deine hilfe!

Dann markiere den Thread bitte auch als erledigt, vielen Dank