Navigation mit Java-Script

[Club Synth]

Ich habe eine Foren-Navigation gebastelt, die zwar funktioniert, aber doch etwas groß geraten ist. Hier erstmal der Code (gekürzt)

<!-- 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 -->

Das möchte ich ersetzen mit einem Java-Script-Menu, bei dem sich bei Klick auf die Kategorie die Links zu den Foren öffnen..

[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>

Nun haut mir das Menue dummerweise die Tabellen durcheinander, sodaß die Navigation nicht mehr links erscheint, sondern die volle Bildschirmbreite einnimmt.
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...

[Kagotza]

Code: Alles auswählen

<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">

ändern in

Code: Alles auswählen

<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="left" valign="middle" height="28">
<table border="0" width="20%" cellspacing="0" cellpadding="2">

is nur so ne idee.. kenn mich mit php auch net sehr gut aus aba ich denke so kommt der code logischer rüber..

p.s. ungetestet

MFG

[Club Synth]

Das mit dem 100% ist schon so richtig, die obere Version funktioniert ja. Datt mit 20% ist weiter oben eingestellt..

Hat keiner ´ne Idee, ich bin irgendwo betriebsblind.

[Kagotza]

hmm... nee.. ich wüsste net weiter wo da nochn fehler sein könnte...
aba vllt kommt ja baldn coder hier vorbei ^^