✔ js rollover text

Neral

Neral

Mitglied
Hi, ich habe folgendes Problem:

Ich habe eine 2x2 Tabelle in der ersten Zeile ist je 1 Bild in den Zellen.

Nun möchte ich einen rollover Effekt haben, welche mir zB in der zweiten Zeile(erste Spalte) einen beschreibungs Text zum Bild anzeigt, solange man mit der Maus auf dem Bild ist. welchselt man zu anderen Bild wird der Text geändert.

Wie kann ich das machen?
Habe mich schon bei google.de totgesucht mit rollover usw.

Gruß
 
Hi,

wenn ich es richtig verstanden habe, soll es kein Tooltip sein, sondern ein Text in einer anderen
Zelle der Tabelle angezeigt werden.

Gib der Zelle, in der der Text ausgegeben werden soll, eine ID - hier: infoID. Mit getElementById
kannst du anschliessend darauf zugreifen und mit innerHTML den gewünschten Text anzeigen.
HTML: 
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript">
<!--
function showInfo(strInfo){
 document.getElementById('infoID').innerHTML = strInfo;
}
// -->
</script>

</head>
<body>
<table>
  <tr>
    <td><img onmouseover="showInfo('Erstes Bild');" onmouseout="showInfo('&nbsp;');" src="../bilder/random/img_12.jpg" width="200" height="150" border="0" alt=""></td>
    <td><img onmouseover="showInfo('Zweites Bild');" onmouseout="showInfo('&nbsp;');" src="../bilder/random/img_8.jpg" width="200" height="150" border="0" alt=""></td>
  </tr>
  <tr>
    <td id="infoID">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>
Ciao
Quaese
 
Super! Danke Jungs :)!

Nun weiß ich aber nicht für was ich micht entscheiden soll :)
Das mit den Tooltips ist nämlich auch "cool".

Danke nochmal

Gruß
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück