Webdesign/PHP/SQL Klappmenü

Necktou · 25.07.2009, 22:36

Ich versuche ein Menü zu erstellen, dass man wenn man auf den Link klickt, Unterpunkte aufgehen und bei nochmaligen Klick diese wieder geschlossen werden.

Hab scho alles probiert, mit Java und normal mit html, mit ul Befehl, bekomms aber net gebacken.

Jemand nen Tipp oder schon nen javascript??

Gruß Sebastian

**Newton** · 26.07.2009, 07:50

Hier die Möglichkeiten die mir spontan einfallen, schreib mal was du technisch kannst. Deine Java-Erwähnung nehme ich mal als JavaSCRIPT an, weil im Browser Java doch inzwischen zu selten ist. Serverseitig ist PHP dafür schon okay, Java geht aber natürlich auch, beides aber mit dem passenden CMS.

1.) CSS:
Hier hast du ein Beispüiel für ein Menü mit JS, gehe links oben auf "Find your green party"

EGP: Startpage

Sind an sich :hover-Regeln + etwas Javascript für den Internet Explorer, weil der hier zuwenig kann. Schnell Crossbrowser und ganz angenehm. Falls du Firebug (Ext für Firefox) noch nicht kennst/verwendest: wunderbares Tool um sich den Quelltext anzuschauen und ihn im Betrieb zu ändern.

2.) javascript: Kennst du mootools oder prototype ? Das wären Javascript Bibliotheken, die dir die Probleme beim COrssbrowser-arbeiten nbanehmen, also das IE sich anders als FF/SAFARI/CHROME/.. verhalten.. damit wäre 'ne Lösung in JS noch am angenehmsten.

3.) FLASH: Falls du Flash kannst, kannst du es theoretisch damit auch machen.

rubin-alt · 26.07.2009, 12:25

Einst, damals, vor einer sehr langen Zeit, bevor ich anfing mich hier auszutoben, habe ich gerne dort rumgestöbert:

DynamicDRIVE
Wenn es da keine Lösung (Switch-Menue I oder II) für dich gibt

Necktou · 27.07.2009, 11:51

Danke für die Antworten, das hat mich scho mal ein Stück weiter gebracht. Nutze ein Javascript nun dafür mit diesem Menü:

<div class="urbangreymenu">

<h3 class="headerbar"><a href="www.officehomeservice.com">Titel 1</a></h3>
<ul class="submenu">
<li><a href="*.html">Untertitel 1</a></li>
<li><a href="*.html">Untertitel 1</a></li>
</ul>

<h3 class="headerbar">Titel 1</a></h3>
<ul class="submenu">
<li><a href="*.html">Untertitel 1</a></li>
</ul>

<h3 class="headerbar">Titel 2</a></h3>
<ul class="submenu">
<li><a href="*.html">Untertitel 2</a></li>
<li><a href="*.html">Untertitel 2</a></li>
<li><a href="*.html">Untertitel 2</a></li>
<li><a href="*.html">Untertitel 2</a></li>
<li><a href="*.html">Untertitel 2</a></li>
<li><a href="*.html">Untertitel 2</a></li>
</ul>

<h3 class="headerbar">Titel 3</a></h3>
<ul class="submenu">
<li><a href="*.html">Untertitel 3</a></li>
<li><a href="*.html">Untertitel 3</a></li>
<li><a href="*.html">Untertitel 3</a></li>
<li><a href="*.html">Untertitel 3</a></li>
<li><a href="*.html">Untertitel 3</a></li>
</ul>

</div>

Gruß Sebastian