Visibilty will nicht
Hauke
- javascript
Hi, in folgendem Quelltext sollen bei onMouseOver die mittleren Tabellenzeilen angeziegt werden. Das geht bei mir aber nicht. Findet ihr den Fehler?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<script language="JavaScript" type="text/javascript">
<!--
function auf()
{
document.getElementById("unter").style.visibility = "visible";
}
//-->
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" >
<table border="1" width="50">
<tr><td id="unter" style="text-align:center; visibility: visible;"><a onMouseOver="auf();">test</a></td></tr>
<tr><td id="unter" style="text-align:center; visibility: hidden;">unterpunkt 1</td></tr>
<tr><td id="unter" style="text-align:center; visibility: hidden;">unterpunkt 2</td></tr>
<tr><td id="unter" style="text-align:center; visibility: hidden;">unterpunkt 3</td></tr>
<tr><td id="unter" style="text-align:center; visibility: visible;">unterpunkt 4</td></tr></table>
</body>
</html>
Hi,
<tr><td id="unter" style="text-align:center; visibility: visible;"><a onMouseOver="auf();">test</a></td></tr>
<tr><td id="unter" style="text-align:center; visibility: hidden;">unterpunkt 1</td></tr>
id dient zur EINDEUTIGEN Identifizierung EINES Elements.
Du verwendest in MEHREREN Elementen MEHRFACH dieselbe id.
cu,
Andreas
Hi nochmal,
id dient zur EINDEUTIGEN Identifizierung EINES Elements.
Du verwendest in MEHREREN Elementen MEHRFACH dieselbe id.
Was dann nehmen? name geht angeblich bei td in Netscape nicht und wenn ich den Tag, also td nehme, kommt die ganze Seite durcheinander, weil es noch mehr tds gibt.
Gruß
Hauke
Hi,
id dient zur EINDEUTIGEN Identifizierung EINES Elements.
Du verwendest in MEHREREN Elementen MEHRFACH dieselbe id.Was dann nehmen? name geht angeblich bei td in Netscape nicht und wenn ich den Tag, also td nehme, kommt die ganze Seite durcheinander, weil es noch mehr tds gibt.
Verschiedene Ids z.B.
cu,
Andreas
Verschiedene Ids z.B.
Jauh !!
<html><head><title></title>
<script language="JavaScript" type="text/javascript">
function auf(xx,action)
{ document.getElementById(xx).style.visibility=action; }
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" >
<table border="1" width="100" cellspacing="0">
<tr><td align="center" onmouseover="auf('unter1','hidden')" onmouseout="auf('unter1','visible')">
<a href="#" id="unter1" style="visibility:visible">unterpunkt 0</a></td></tr>
<tr><td align="center" onmouseover="auf('unter2','visible')" onmouseout="auf('unter2','hidden')">
<a href="#" id="unter2" style="visibility: hidden">unterpunkt 1</a></td></tr>
<tr><td align="center" onmouseover="auf('unter3','visible')" onmouseout="auf('unter3','hidden')">
<a href="#" id="unter3" style="visibility:hidden">unterpunkt 2</a></td></tr>
<tr><td align="center"onmouseover="auf('unter4','visible')" onmouseout="auf('unter4','hidden')">
<a href="#" id="unter4" style="visibility:hidden">unterpunkt 3</a></td></tr>
<tr><td align="center" onmouseover="auf('unter5','hidden')" onmouseout="auf('unter5','visible')">
<a href="#" id="unter5" style=" visibility:visible">unterpunkt 4</a></td></tr>
</table>
</body></html>