TS7
Mitglied
<tr> // ein- und ausblenden / Bild springt immer nach oben
Hallo,
Ich habe mit JavaScript realisiert, das sich bestimmte <tr> Zeilen ein und ausblenden lassen.
Das funktioniert auch, nur leider hat das den Nebeneffekt, das die Website beim <tr> ein- und ausblenden, immer nach oben springt.
Kann man das irgendwie vermeiden?
Wäre nett, wenn mir da jemand hilft.
hier der Code:
Gruß
TS7
Hallo,
Ich habe mit JavaScript realisiert, das sich bestimmte <tr> Zeilen ein und ausblenden lassen.
Das funktioniert auch, nur leider hat das den Nebeneffekt, das die Website beim <tr> ein- und ausblenden, immer nach oben springt.
Kann man das irgendwie vermeiden?
Wäre nett, wenn mir da jemand hilft.
hier der Code:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
PHP:
<script type="text/javascript" language="javascript">
// <!
function setVisibility(rowName) {
// Tabellenzelle ermitteln
var actualVisibility=document.getElementById(rowName).style.visibility;
if(actualVisibility=='' || actualVisibility=='hidden') {
document.getElementById(rowName).style.visibility = "visible";
document.getElementById(rowName).style.display = "";
} else {
document.getElementById(rowName).style.visibility = "hidden";
document.getElementById(rowName).style.display = "none";
}
}
// >
</script>
HTML:
</head>
<body>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table width="515" border="0" bgcolor="#CA8BE9" class="">
<tr>
<td width="43" rowspan="3" scope="col"><div align="center"></div></td>
<td width="6" rowspan="3" scope="col"> </td>
<td colspan="3" scope="col"></td>
</tr>
<tr>
<td width="89"></td>
<td width="146"> </td>
<td width="103"> </td>
</tr>
<tr>
<td height="26" colspan="2"></td>
<td>
<td width="110"><div align="right"><a href="#" onclick="setVisibility('1')">Code anzeigen</a></div></td>
</tr>
<tr style="display:none;" id="1" name="1">
<td colspan="5">hakkicdewfwefw</td>
</tr>
</table>
</body>
</html>Gruß
TS7
Zuletzt bearbeitet:
