Tweet
hallo,
habe hier folgendes toggle-script: (keine ahnung wie man das nennt)
wenn man auf "expand 1" klickt, erscheint tabelle1,
klickt man auf "expand 2", erscheint tabelle 2.
möchte nun, das wenn tabelle 1 zu sehen ist , tabelle 2 aber nicht,
und auf "expand 2" klickt, das tabelle 1 verschwindet und tabelle 2 erscheint.
jemand eine idee, wie ichs angehen könnte?
habe hier folgendes toggle-script: (keine ahnung wie man das nennt)
wenn man auf "expand 1" klickt, erscheint tabelle1,
klickt man auf "expand 2", erscheint tabelle 2.
möchte nun, das wenn tabelle 1 zu sehen ist , tabelle 2 aber nicht,
und auf "expand 2" klickt, das tabelle 1 verschwindet und tabelle 2 erscheint.
jemand eine idee, wie ichs angehen könnte?
PHP-Code:
<html>
<head>
<title> tabletest </title>
<script>
function expand(sec)
{
thisSec = eval('e' + sec);
if (thisSec != null){
if (thisSec.length){
if (thisSec[0].style.display != 'none'){
for (var i=0;i<thisSec.length;i++) {thisSec[i].style.display = 'none'}
}
else{
for (var i=0;i<thisSec.length;i++) {thisSec[i].style.display = 'inline'}
}
}
else{
if (thisSec.style.display != 'none') {thisSec.style.display = 'none'}
else{thisSec.style.display = 'inline'}
}
}
}
</script>
</head>
<body>
<table width="500" height="55" border="0" align="center" cellpadding="0" cellspacing="5" bgcolor="#666666">
<tr>
<td><p><a href="javascript:expand(0)">+expand1</a> - <a href="javascript:expand(1)">+expand2</a></p></td>
</tr>
</table>
<!-- TABELLE A -->
<div id="e0" style="display:none">
<center><img src="spacer.gif" width="1" height="1"></center>
<table width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#666666"align="center" >
<tr>
<td>form1 - <a href="javascript:expand(0)">toggle 1</a></td>
</tr>
</table>
</table>
</div>
<!-- TABELLE A ENDE -->
<!-- TABELLE B START -->
<div id="e1" style="display:none">
<center><img src="spacer.gif" width="1" height="1"></center>
<table width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#666666"align="center" >
<tr>
<td>form2</td>
</tr>
</table>
</table>
</div>
<!-- TABELLE B ENDE -->
<center><img src="spacer.gif" width="1" height="1"></center>
<table width="500" height="146" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#999999">
<tr>
<td> </td>
</tr>
</table>
</body>
</html>
Kommentar