Navigation mit Java-Script
Verfasst: 05.12.2005 19:44
Ich habe eine Foren-Navigation gebastelt, die zwar funktioniert, aber doch etwas groß geraten ist. Hier erstmal der Code (gekürzt)
Habe schon die </table>-Tags rausgenommen, aber dann funktioniert das Menu garnicht mehr, bzw. sieht man nur die erste Zeile, wenn man klickt, kommt die zweite dazu, etc..
Bin wahrscheinlich mal wieder blind...
Das möchte ich ersetzen mit einem Java-Script-Menu, bei dem sich bei Klick auf die Kategorie die Links zu den Foren öffnen..<!-- BEGIN switch_user_logged_in -->
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<td class="catHead" align="center" height="28"><span class="cattitle">Foren</span></td>
</tr>
<tr>
<td class="row1" align="center" valign="middle" height="28">
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr>
<td><a href="forenindex.php" class="cattitle">Übersicht</a></td>
</tr>
<tr>
<td><a href="forenindex.php?c=2" class="cattitle">Empfangshalle</a></td>
</tr>
<tr>
<td><a href="viewforum.php?f=26" class="mainmenu">- Neu hier</a></td>
</tr>
...
usw.
...
<tr>
<td><a href="viewforum.php?f=33" class="mainmenu">- Büro</a></td>
</tr>
</table>
<!-- END switch_user_logged_in -->
Nun haut mir das Menue dummerweise die Tabellen durcheinander, sodaß die Navigation nicht mehr links erscheint, sondern die volle Bildschirmbreite einnimmt.[Head]
<script language="JavaScript">
function perform(welche) {
if (document.all(welche).style.display == "none") {
document.all(welche).style.display = "block";
} else {
document.all(welche).style.display = "none";
}
}
</script>
[Head-Ende]
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<td class="catHead" align="center" height="28"><span class="cattitle">Foren</span></td>
</tr>
<tr>
<td class="row1" align="center" valign="middle" height="28">
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr>
<td><a href="forenindex.php" class="cattitle">Übersicht</a></td>
</tr>
<Hier gehen die "Klappmenues" los>
<tr style=";cursor:hand;" onClick="perform('menu_1')">
<td class="cattitle">Empfangshalle</a></td>
</tr>
<tr name="menu_1" id="menu_1" style="display:none">
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="viewforum.php?f=26" class="mainmenu">- Neu hier</a></td>
</tr>
<tr>
<td><a href="viewforum.php?f=34" class="mainmenu">- Bin da, wer noch?</a></td>
</tr>
<tr>
<td><a href="viewforum.php?f=35" class="mainmenu">- Hilfe & Support</a></td>
</tr>
<tr>
</table>
</td>
</tr>
<tr style=";cursor:hand;" onClick="perform('menu_2')">
<td class="cattitle">Club</td>
</tr>
<tr name="menu_2" id="menu_2" style="display:none">
<td>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<tr>
<td><a href="viewforum.php?f=1" class="mainmenu">- Partys</a></td>
</tr>
<tr>
<td><a href="viewforum.php?f=2" class="mainmenu">- Termine</a></td>
</tr>
<tr>
<td><a href="viewforum.php?f=14" class="mainmenu">- Chat</a></td>
</tr>
<tr>
<td><a href="viewforum.php?f=38" class="mainmenu">- DJ-Pult</a></td>
</tr>
</table>
</td>
</tr>
<tr style=";cursor:hand;" onClick="perform('menu_3')">
<td class="cattitle">Members only</td>
</tr>
...
usw.
...
<tr>
<td><a href="viewforum.php?f=33" class="mainmenu">- Büro</a></td>
</tr>
</table>
</td>
</tr>
Habe schon die </table>-Tags rausgenommen, aber dann funktioniert das Menu garnicht mehr, bzw. sieht man nur die erste Zeile, wenn man klickt, kommt die zweite dazu, etc..
Bin wahrscheinlich mal wieder blind...