✔ MouseOver Textausgabe

Shooter2k

Shooter2k

Erfahrenes Mitglied
Hallo ich habe ein Problem und zwar geht es um einen Button der bei MouseOver einen Text an einer anderen Stelle der Seite ausgeben soll.

Also nehmen wir mal an der Button ist auf der rechten Seite , ich fahre mit der Maus drüber und auf der linken Seite soll ein Text erscheinen der mit den Inhalt der Seite zu tun hat.Ich weis nicht wie man über javascript den inhalt einer Tabelle anspricht und kann deshalb auch den Text nicht ausgeben.

Kann mir jemand dazu was sagen ?

danke
gruß
henry
 
Hallo!

Du musst die onmouseover-"Fähigkeit" des Buttons nutzen. (Edit: ich lese gerade, dass du das ja aber auch selbst weisst -.-) Ich würde dir empfehlen den Inhalt nicht in einer Tabellenzelle sonder in einem div-Container anzeigen zu lassen.

Das würde dann wie folgt aussehen:

HTML: 
<html>
<head>
<script language="javascript" type="text/javascript">
function zeigeInhalt(displayContent) {

   var container = document.getElementById("container");

   container.innerHTML = displayContent;

   return true;
}
</script>

<style type="text/css">
#container {

font-family: arial, verdana, sans-serif;
font-size: small;
color: #000000;

width: 300px;
height: 100px;

background-color: #CCCCCC;

}
</style>
</head>

<body>
<div id="container"></div>

<img src="deinButton.jpg" onmouseover="return zeigeInhalt('<b>INHALT DER ANGEZEIGT WERDEN SOLL</b>');" onmouseout="return zeigeInhalt('');" alt="" title="" />
</body>
</html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück