Aufklappbares Menü (Anleitung)

[CeleronD]

Hallo!

Wollte mal kurz was loswerden...hab nun endlich das Aufklappbare Menü geschafft zusammen zubauen, funtioniert sogar. (Auf und zu werden in Cookies gespeichert).

Man erstelle eine JavaScript Datein Namens aufzu.js, die in den Ordner Ajax kommt mit dem Inhalt:

function aufzu(id){
  if(document.getElementById(id).style.display == 'none') {
    document.getElementById(id).style.display = 'block';
    setCookie(id, '0');
  } else {
    document.getElementById(id).style.display = 'none';
    setCookie(id, '1');
  }
}

function getCookie(Name){ 
  var re=new RegExp(Name+"=[^;]+", "i"); 
  if (document.cookie.match(re)) 
    return document.cookie.match(re)[0].split("=")[1];
  return "";
}

function setCookie(name, value){
  document.cookie = name+"="+value + ";path=/;expires=Thu, 31-Dec-2099 00:00:01 GMT";
} 

Dann öffnet man die lib/header.php und füge zu den passenden Zeilen die hier hinzu:

<script type="text/javascript" src="ajax/aufzu.js"></script> 

Die einzelnen Boxen erstellt man so: (Hier ein Beispiel bei der Top10)

<a href="javascript:aufzu('top10')"><? menuehead("Top10 Klicker");?></a>
<div id="top10">
<? $klicksrang = db_query ('SELECT k.klicks,u.nickname FROM '.$db_prefix.'_tagrally k RIGHT JOIN '.$db_prefix.'_userdaten u ON u.uid = k.uid WHERE k.klicks>0 ORDER BY klicks DESC LIMIT 10');
$rang = 1;
while ($klickliste=mysql_fetch_array($klicksrang)) {
echo '
<table cellpadding="0" cellspacing="0" border="0" width="133px">
<tr>
<td width="9px" align="right"><small>'. $rang++ .'</small> </td>
<td align="left" widht="80px"><small>&nbsp;'.$klickliste[nickname].'</small></td>
<td width="25px" align="right"><small>'.number_format($klickliste[klicks],0,",",".").'</small></td>
</tr>
</table>
';
}
?>
</div>
<script type="text/javascript">
  if (getCookie("top10") == '1') { aufzu('top10'); }
</script>
<? menuefoot();?>

Wichtig dabei ist jeder Box ein eigenen namen zuzuweisen. Hier der Name der Name der Box "top10".

Bei einem Include macht man das sio dann:

<a href="javascript:aufzu('tkb')"><? menuehead("Tages-Klick-Bonus");?></a>
<div id="tkb">
<? include ("content/smilie.php");?>
</div>
<script type="text/javascript">
  if (getCookie("tkb") == '1') { aufzu('tkb'); }
</script>
<? menuefoot();?>

Hier wieder darauf achten das die Box einen eigenen Namen hat, hier der ist der Name der Box "tkb".

Bei jeder Box muss man also 4x den Namen ändern. Tut man das nicht, öffnen/schliessen sich die Boxen falsch.

Ich hoffe das passt alles und ich hab nix falsch beschrieben. Falls was ist einfach mal nachfragen.

[rene_1992]

Getestet

&

Funktioniert.

Mfg rene_1992 - René Röbel

[CeleronD]

Perfekt. Danke fürs probieren.

[rene_1992]

Keine Uhrsache

[CeleronD]

Weiss einer wie man das nun so hinbekommt daß das Menü nicht mehr zuklappt sondern sanft oder langsam oder als rollen zu geht?

[Sam2004]

Moin,

mich auch mal für das nette Schnippsel bedanken wollte. Vor einem Jahr hab ich sowas in ähnlicher weise auch schon verbaut, aber mit mehr Code xD und auch net ganz so schick^^...ist deiner besser

Zu deiner Frage: Wenn mal hier schauen magst http://www.javarea.de/ , findest sicherlich was du suchst. Dabei ist auch ein Forum mit vielen Usern die sich auf js spezialisiert haben
Außerdem ist dort auch das ein oder andere kostenlose Schnippsel zu haben

LG

[hankfromhelvete]

Andersweitig kannst du es auch so machen, dass er antsatt es in die Cookies zu schreiben es direkt in die DB schreibst aber das wären zuviele DB abfragen.

Wären zwar "viele" DB-Anfragen, aber wenn ein User den Cookie löscht ohne sich auszuloggen, muss er das alles nochmal neu einstellen.

[Masterphil]

Hi, Lokotus hat schon recht, der Ansatz mit der DB psart dir die Cookies.

Menü1 aufegeklappt: Ja/Nein = 1/0
Menü2 aufegeklappt: Ja/Nein = 1/0
etc.

Denke mal so ähnlich ist dies auch bei Klamm umgesetzt mit den Boxen.

Wäre an für sich aber halt ein neues Addon wenn das wer umsetzt.

MfG

[Xenon]

Wären zwar "viele" DB-Anfragen

Hi, Lokotus hat schon recht, der Ansatz mit der DB psart dir die Cookies.

Andersweitig kannst du es auch so machen, dass er antsatt es in die Cookies zu schreiben es direkt in die DB schreibst aber das wären zuviele DB abfragen.

Ich wäre immer noch für die Cookie lösung, weil was löscht der user auch seine cookies, hat er nichts zusuchen bei der funktion im browser

[Sam2004]

Hi, Lokotus hat schon recht, der Ansatz mit der DB psart dir die Cookies.

Menü1 aufegeklappt: Ja/Nein = 1/0
Menü2 aufegeklappt: Ja/Nein = 1/0
etc.

Denke mal so ähnlich ist dies auch bei Klamm umgesetzt mit den Boxen.

Wäre an für sich aber halt ein neues Addon wenn das wer umsetzt.

MfG

Benutzerfreundlich ist das auch nicht wirklich, aber wäre eine Alternative. Die option mit den Cookies gefällt mir nicht wirklich.

Man könnte ja in die Navigation 2 Punkte setzen bzw icons mit auf und zu...oder sowas in der Art. Das kann ja jeder selber machen wie er lustig ist.
Danke für den Tipp.
LG