✔ onmouseout bei tabellenzellen

S

smokerholic

Grünschnabel
Hallo,

ich brauch hilfe, onmousout will nicht bei Tabellenzellen.
Es funktioniert nur mit 2 Zellen, fährt man mit der Maus die 3. Zelle an funktioniert es nicht mehr. Mit Javas elementbyid() hab ichs auch probiert aber das check ich nicht.

HTML: 
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<script type="text/javascript" language="JavaScript">
<!-- Begin

</script>

<table id="tabelle" width="966" height="31" border="0" cellpadding="0" cellspacing="0">
	<tr>
	<td width="48" height="31" valign="center" style="background:url(images/index.png)" onmouseover="this.style.backgroundImage='url(images/1.gif)';" onmouseout="this.style.backgroundImage='url(images/2.gif)';" onclick="this.style.backgroundImage='url(images/4.png)';">
	<td width="75" height="31" valign="center" style="background:url(images/index.png)" onmouseover="this.style.backgroundImage='url(images/1.gif)';" onmouseout="this.style.backgroundImage='url(images/2.gif)';" onclick="this.style.backgroundImage='url(images/4.png)';">
	<td width="90" height="31" valign="center" style="background:url(images/index.png)" onmouseover="this.style.backgroundImage='url(images/1.gif)';" onmouseout="this.style.backgroundImage='url(images/2.gif)';" onclick="this.style.backgroundImage='url(images/4.png)';">
	<td width="92" height="31" valign="center" style="background:url(images/index.png)" onmouseover="this.style.backgroundImage='url(images/1.gif)';" onmouseout="this.style.backgroundImage='url(images/2.gif)';" onclick="this.style.backgroundImage='url(images/4.png)';">
	<td width="91" height="31" valign="center" style="background:url(images/index.png)" onmouseover="this.style.backgroundImage='url(images/1.gif)';" onmouseout="this.style.backgroundImage='url(images/2.gif)';" onclick="this.style.backgroundImage='url(images/4.png)';">
	<td width="89" height="31" valign="center" style="background:url(images/index.png)" onmouseover="this.style.backgroundImage='url(images/1.gif)';" onmouseout="this.style.backgroundImage='url(images/2.gif)';" onclick="this.style.backgroundImage='url(images/4.png)';">
	<td width="67" height="31" valign="center" style="background:url(images/index.png)" onmouseover="this.style.backgroundImage='url(images/1.gif)';" onmouseout="this.style.backgroundImage='url(images/2.gif)';" onclick="this.style.backgroundImage='url(images/4.png)';">
	<td width="75" height="31" valign="center" style="background:url(images/index.png)" onmouseover="this.style.backgroundImage='url(images/1.gif)';" onmouseout="this.style.backgroundImage='url(images/2.gif)';" onclick="this.style.backgroundImage='url(images/4.png)';">
	<td width="67" height="31" valign="center" style="background:url(images/index.png)" onmouseover="this.style.backgroundImage='url(images/1.gif)';" onmouseout="this.style.backgroundImage='url(images/2.gif)';" onclick="this.style.backgroundImage='url(images/4.png)';">
	<td width="106" height="31" valign="center" style="background:url(images/index.png)" onmouseover="this.style.backgroundImage='url(images/1.gif)';" onmouseout="this.style.backgroundImage='url(images/2.gif)';" onclick="this.style.backgroundImage='url(images/4.png)';">
	<td width="69" height="31" valign="center" style="background:url(images/index.png)" onmouseover="this.style.backgroundImage='url(images/1.gif)';" onmouseout="this.style.backgroundImage='url(images/2.gif)';" onclick="this.style.backgroundImage='url(images/4.png)';">
	<td width="61" height="31" valign="center" style="background:url(images/index.png)" onmouseover="this.style.backgroundImage='url(images/1.gif)';" onmouseout="this.style.backgroundImage='url(images/2.gif)';" onclick="this.style.backgroundImage='url(images/4.png)';">
	<td width="36" height="31" valign="center" style="background:url(images/index.png)" onmouseover="this.style.backgroundImage='url(images/1.gif)';" onmouseout="this.style.backgroundImage='url(images/2.gif)';" onclick="this.style.backgroundImage='url(images/4.png)';">

</td>
</tr>
</table>
</center>
</body>
</html>

Bin für jede Hilfe sehr dankbar.
 
Hi,

vielleicht solltest du mal den Kommentar im Javascript mit "-->" beenden, und die einzelnen Tabellenzellen mit einem </td>-Tag schliessen.

mfg Maik
 
Der Grafiktausch funktioniert bei mir in der kompletten Tabelle browserübergreifend (und das sind ein paar mehr, wie blos FF und IE), da sich ja der relevante JS-Code incl. der Grafikpfade in den Zellen wiederholt.

mfg Maik
 
Sorry ist doch Java Script.:rolleyes:
Ich bin am Verzweifeln ich krieg das einfach nicht hin, hab alles mögliche ausprobiert.
Bin zu blöd dafür.
 
Wie gesagt, der Grafiktausch incl. onmouseout-Event funktioniert bei mir in allen Browsern fehlerfrei.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück