✔ Textanzeige bei MouseOver

grasman

grasman

Mitglied
Hi!

Vorweg: Ich hab wenig Ahnung von JS.

Ich brauche aber eine Funktion, die mir beim MouseOver über einen Link an einer anderen Stelle (entweder einfach als Text oder in einem Eingabefeld) einen Text anzeigt.

Ich habe schon die Suche benutzt, aber genauso wie bei den Tutorials hier und woanders nichts passendes gefunden.

Könnte mir bitte jemand eine solche Funktion oder einen Link zu dem Thema posten?

Danke
mfg, grasman
 
Ja so in der Art, mit dem Unterschied dass es kein Tooltipp sein soll, der neben dem Mauszeiger angezeigt wird, sondern in einem speziell dafür vorgesehenen Teil (Input-Feld, Textarea, oder einfach nur als Text auf der HP)

EDIT:
Es geht um eine Karte, auf der mehrere (500) Felder sind, die zu bestimmten Basisdaten gehören, diese Daten frage ich von einer MySQL Datenbank ab wenn die Seite geladen wird. Dann sollen die Daten in Input-Feldern (o.Ä.) bei einem MouseOver über ein Feld der Karte angezeigt werden.
 
Zuletzt bearbeitet:
Rein vom Prinzip her:
HTML: 
<html><head><title>Test</title>
   
   <script type="text/javascript">
   
   var data = new Array(
   	'Ich bin der Datensatz 1<br>Ich bin toll, wie die anderen!',
   	'Ich bin der Datensatz 2<br>Ich bin toll, wie die anderen!',
   	'Ich bin der Datensatz 3<br>Ich bin toll, wie die anderen!',
   	'Ich bin der Datensatz 4<br>Ich bin toll, wie die anderen!'
   )
   
   function dsplData(intData){
   	document.getElementById('container').innerHTML = data[intData];
   }
   
   </script>
   
   </head><body>
   	
   	<div onmouseover="dsplData(0)">Datensatz Eins anzeigen</div>
   	<div onmouseover="dsplData(1)">Datensatz Zwei anzeigen</div>
   	<div onmouseover="dsplData(2)">Datensatz Drei anzeigen</div>
   	<div onmouseover="dsplData(3)">Datensatz Vier anzeigen</div>
   	
   	<div id="container"></div>
   
   </body></html>
 
Also ich hab damit ein bisschen rumprobiert aber es hat nicht so richtig funktioniert

Mein Script sieht ungefähr so aus (gekürzt):
PHP: 
<?
$map_str = '<table border="1" cellpadding="0" cellspacing="0">';
for($a=1;$a<=20;$a++){
$map_str = $map_str.'<tr>';
	for($b=1;$b<=25;$b++){
	$koord = $b.':'.$a;
	$map_str = $map_str.'<td width="20" height="20"><a href="#"><img src="..."></a></td>';
	}
$map_str = $map_str.'</tr>';
}
$map_str = $map_str.'</table>';

echo $map_str;
?>
Damit wird eine Tabelle erstellt, welche aus 500 Zellen besteht und eine Karte darstellt. Für jede Zelle sind Daten in einer DB gespeichert, die ausgelesen werden. Diese Daten sollen angezeigt werden, wenn man mit der Maus über das betreffende Feld fährt.
Einige der Daten sollen in Input-Feldern ausgegebenb werden und andere in Textareas.

Ich hoffe das beschreibt mein Problem etwas besser.
 
Zuletzt bearbeitet:
Dein Skript enthält nicht ein Zeichen Javascript-Code, also was soll da denn biiteschön mit JS laufen.

Es ist so ziemlich die Einfachste Sache in JS, einem Formularfeld einen Wert zuzuweisen, indem man seine value-Eigenschaft ändert.

Entweder du versucht ein wenig selbst etwas zu bewerkstelligen, oder ich schliesse das Thema.
Einfach nur seinen Code hinknallen und dann machen lassen.... so läuft das nicht ;-]
 
Ich hab es deshalb gepostet, weil ich in dieses Script (und außerhalb) ein JS integrieren will. Tut mir leid wenns unverständlich ist aber besser kann ich es leider nicht erklären:
In jeder Zelle ist ein Bild mit 20x20 px, welches von einem <a>-Tag umschlossen wird.

Wenn man mit der Maus über diesen Link fährt sollen in mehreren Input Feldern verschiedene Daten zu dem jeweiligen Feld angezeigt werden.

Du sagst, es ist einfach eine Input-Value mit JS zu ändern, wie genau geht das? Und wie stell ich es dann an wenn ich das auf eine Textarea anwenden will: dann kann ich den Wert nicht über value eintragen sondern muss ihn zwischen den beiden textarea-tags schreiben.

Ein Ansatz würde mir schon reichen, den Rest kann ich mir selbst zusammenreimen.

mfg, Grasman
 
Danke, dass geht schon in die richtige richtung.

Ich muss jetzt erstmal probieren ob ich es hinbekomm.

Danke für die Links :)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück