Unterpunkte

[Klabautermann]

Hallo, ich habe auf meiner Webseite (http://www.tiny-soldiers.com) einen PHP Block erstellt, in dem die Menüs stehen. Nun würde ich gerne dort einen Menupunkt haben der wenn man ihn anklickt nach unten expandiert wird und weitere Menus/Unterpunkte bereit hält.

Wie kann ich sowas realisieren?

[feline]

Auf die gleiche art, wie die seitenpanele ein-/ausgeblendet werden

beispiel ..

Code Select Expand


echo '
<div id="mainmenu">
  <a href="xyz" onclick="document.getElementByID(\'submenu\').style.display=\'block\'">Linktext</a>
</div>
<div id="submenu" style="display:none;">
  <a href="blahblah">Linktext</a>
  ... more ..
</div>';


Referenzen:
http://de.selfhtml.org/
http://www.css4you.de/index.html

Fel

[Klabautermann]

Hallo Feline,

kannst Du mir bitte nocheinmal behilflich werden? Bekomme es einfach nicht hin. Bei mir sieht es im Moment der Hauptmenu Block so aus:

Code Select Expand

global  $scripturl,$settings,$boardurl,$context;
echo'
<div class="smalltext">
<font  size="2"><b>Navigation</b></font><br><hr>
<img src="',$settings['images_url'],'/menu/rightarrow.gif"/><font size="2"><a href="',$scripturl,'"> Home</a></font><br>
<img src="',$settings['images_url'],'/menu/rightarrow.gif" /><font size="2"><a href="',$scripturl,'?action=forum"> Forum</a></font></b><br>
<img src="',$settings['images_url'],'/menu/rightarrow.gif"/><font size="2"><a href="',$scripturl,'?action=gallery"> Gallery</a></font><br><br>
<font size="2"><b>Services</b></font><br><hr>';
if ($context['allow_calendar'])
{
echo'<img src="',$settings['images_url'],'/menu/rightarrow.gif"/><font size="2"><a href="',$scripturl,'?action=calendar"> Kalender</a></font><br>';
}
echo'<img src="',$settings['images_url'],'/menu/rightarrow.gif"/><font size="2"><a href="',$scripturl,'?action=mlist"> Mitglieder</a></font><br>
<img src="',$settings['images_url'],'/menu/rightarrow.gif"/><font size="2"><a href="',$scripturl,'?action=who"> Wer ist Online?</a></font><br>
<img src="',$settings['images_url'],'/menu/rightarrow.gif"/><font size="2"><a href="',$scripturl,'?action=stats"> Statistik</a></font><br><br>

<font size="2"><b>Spielsysteme</b></font><br><hr>
<img src="',$settings['images_url'],'/menu/rightarrow.gif"/><font size="2"><a href="',$scripturl,'?page=DBA"> De bellis Antiquitatis</a></font><br><br>

<font size="2"><b>Hobby</b></font><br><hr>
<img src="',$settings['images_url'],'/menu/rightarrow.gif"/><font size="2"><a href="',$scripturl,'?page=Farben"> Farbenübersicht</a></font><br><br>

<font size="2"><b>Verschiedenes</b></font><br><hr>
<img src="',$settings['images_url'],'/menu/rightarrow.gif"/><font size="2"><a href="',$scripturl,'?page=8"> Larry Leadhead</a></font><br><br>


<font size="2"><b>Hilfe & Internes</b></font><br><hr>
<img src="',$settings['images_url'],'/menu/search.gif"/><font size="2"><a href="',$scripturl,'?action=search"> Suche</a></font><br>
<img src="',$settings['images_url'],'/menu/faq.gif"/><font size="2"><a href="',$scripturl,'?action=help"> FAQ</a></font><br>
<img src="',$settings['images_url'],'/menu/rightarrow.gif"/><font size="2"><a href="',$scripturl,'?page=6"> Impressum</a></font><br>
</div>';


Nun hätte ich gerne das bei

Code Select Expand

<font size="2"><b>Hobby</b></font><br><hr>
<img src="',$settings['images_url'],'/menu/rightarrow.gif"/><font size="2"><a href="',$scripturl,'?page=Farben"> Farbenübersicht</a></font><br><br>

das Farben durch Zubehör ersetzt wird, wenn man auf diesen Punkt (eben das Zubehör) klickt, es nach unten aufklappt und dort den Unterpunkt Farben und darunter Farbübersicht freigibt. Bekomme das einfach nicht bei mir hin ohne massive Fehlermeldungen-

[feline]

Verstehe nicht so ganz was du meinst ...
Kannst du das mal etwas grafisch darstellen?

Fel

[Klabautermann]

Aber sicher doch gerne:

"Obermenuepunkt" (wenn man auf diesen Menüpunkt klickt "faltet" es sich nach unten auf und gibt dann "Unter"punkte frei.)

OBERMENÃÅ" (durch daraufklicken sieht man Untermenü)
     |________ UNTERMENÃÅ" (darunter kommt anderes Menü)
                            |_________________
                                                         Weiteres Menü

Kann das leider nicht sooo besonders gut erklären..


         

[Klabautermann]

Ich hoffe ich habe mein Anliegen etwas verständlicher ausgedrückt-.

[Klabautermann]

Bitte bitte, brauche etwas Hilfe!

[feline]

Versuchs mal hiermit.
einfach in einen PHP block kopieren ..
den rest solltest du selber hinbekommen 

Code Select Expand


echo '
<table cellspacing="0" cellpadding="0" border="0">
<tr>
  <td>
   <a href="javascript:void(0); return false;" onclick="ToggleSub(1); return false;">Obermenu &raquo;</a>
  </td>
</tr>
<tr>
  <td id="submenu1" style="display:none">
   <a href="ein_link">Igendwohin</a>
   <br />
   <a href="javascript:void(0); return false;" onclick="ToggleSub(2); return false;">Submenu 1 &raquo;</a>
  </td>
</tr>
<tr>
  <td id="submenu2" style="display:none">
   <a href="ein_link">Irgendwohin</a>
   <br />
   <a href="javascript:void(0); return false;" onclick="ToggleSub(3); return false;">Submenu 2 &raquo;</a>
  </td>
</tr>
<tr>
  <td id="submenu3" style="display:none">
   <a href="ein_link">wohin noch?</a>
  </td>
</tr>
</table>
<script type="text/javascript">
<!--
var maxsub = 3;
function ToggleSub(id)
{
show = document.getElementById("submenu"+id).style.display;
if(show == "" && id < maxsub) // close all lower
{
for(i = id+1; i <= maxsub; i++)
document.getElementById("submenu"+i).style.display = "none";
}
document.getElementById("submenu"+id).style.display = show == "" ? "none" : "";
}
</script>';

Fel

[Klabautermann]

Danke Feline, schaut gut aus