Zurück   PSD-Tutorials.de > Webbereich > (X)HTML & CSS


Antwort
 
Themen-Optionen
Alt 05.08.2012, 13:43   #1 Nach oben scrollen
Filmwechsler
HelperHelper
 
Benutzerbild von Triggertrix
 

Registriert seit: 19.05.2009
Ort: far far away
Beiträge: 623

Navigation | Unterpunkte bei onclick ausklappen / von PHP zu…?


Hallo,

ich hatte eine Website mit Redaxo aufgebaut, dann bemerkt dass das auch von Hand gar nicht so schwer und vielleicht sogar sinnvoller ist.
Jetzt bleiben mir aber noch ein-zwei Probleme in der Umsetzung.
Gerade geht es um mein Navi. In der Originalseite habe ich Überpunkte, die via onclick die Unterpunkte ausklappt. Das haben die da via PHP gelöst.
sieht so aus:
Code:
<?php

// navigation generator erstellen
$nav = rex_navigation::factory();

// ---------- HEAD NAVI

// Beginne in der Wurzelkategorie
// 1 Ebene Tief
// Nicht aufklappen (hier egal da nur 1 Ebene)
// Offline ausblenden

$category_id = 0;
$depth = 3;
$open = FALSE;
$ignore_offlines = TRUE;

echo $nav->get($category_id, $depth, $open, $ignore_offlines);

?>
Der Ist-Zustand auf der handgemachten Seite ist, das ich Listen und Unterlisten Elemente angelegt habe, und die zwar schön angezeigt werden, aber alle Unterpunkte sind ausgeklappt.
sieht bisher so aus:
Code:
<div id="nav">
<ul class="navi1">
  <li><a href="index.html.html">Willkommen</a></li>
  <li><a href="about.html">Über uns</a></li>
  <ul class="navi2">
  <li><a href="faq.htm">FAQ</a></li>
  </ul>
  <li><a href="team.html">Team</a></li>
  <ul class="navi2">
  <li><a href="horst.htm">Horst</a></li>
  <li><a href="fritz.htm">Fritz</a></li>
  </ul>
  <li><a href="aktiv.html">Aktiv werden</a></li>
  <ul class="navi2">
  <li><a href="seminare.htm">Seminare</a></li>
  <li><a href="ausbildung.htm">Ausbildung</a></li>
  </ul>
  <li><a href="medien.html">Medien</a></li>
  <ul class="navi2">
  <li><a href="buch.htm">Buch</a></li>
  <li><a href="video.htm">Video</a></li>
  </ul>
  <li><a href="kontakt.html">Kontakt | Impressum</a></li>
  <ul class="navi2">
  <li><a href="impressum.htm">Impressum</a></li>
  </ul>
 <!-- <li><a href="newsletter.html">Newsletter</a></li>-->
</ul>
</div>
Kann mir jemand sagen wie ich das umformatieren muss, dass das genau so funktioniert?
Oh übrigens, mein Server läuft ja mit PHP & MySQL, daher wenn mir jemand sagen kann wie ich o.g. PHP-Code in die jetzige Seite (HTML/CSS) einbasteln kann ist mir das genau so recht, wenn nicht vielleicht sogar lieber, je nach den wie schwer das ist.

Dank & Gruss
__________________
Triggertrix
Es ist nicht gesagt daß es besser wird, wenn es anders wird. Wenn es aber besser werden soll, dann muß es anders werden.

Geändert von Triggertrix (05.08.2012 um 13:56 Uhr). Grund: Nachtrag wg. PHP-Code
  Mit Zitat antworten


Alt 05.08.2012, 20:39   #2 Nach oben scrollen
Member
MemberMember
 
Benutzerbild von TobiKo
 

Registriert seit: 30.05.2012
Beiträge: 109
Kamera: Canon PowerShot SX120 IS
Verwendet: Photoshop CS6

Hallo Triggertrix,
ich denke so eine Navigation mit php und javascript zu lösen ist nicht gerade das sinnvollste. Manche Leute haben Javascript deaktiviert und mit php muss die Seite immer neu laden.
Die beste Lösung wäre wohl, es mit HTML und CSS zu lösen. Vielleicht hilft dir das hier weiter.
http://de.selfhtml.org/css/layouts/n...ten.htm#modern
Gruß Tobi
  Mit Zitat antworten
Alt 05.08.2012, 22:33   #3 Nach oben scrollen
Filmwechsler
HelperHelper
Themenstarter
 
Benutzerbild von Triggertrix
 

Registriert seit: 19.05.2009
Ort: far far away
Beiträge: 623

Ja, mit PHP das wusste ich nicht… das mit Javascript, ist doof aber wohl nicht zu umgehen. Ich habe jetzt anderthalb Tage gegoogelt und nichts adäquates gefunden für mein Vorhaben…… zumindest wusste ich ab irgendeinem Zeitpunkt einfach nicht mehr wonach ich noch suchen sollte.
Einfache Navis sind nicht mehr in…oder man setzt voraus das jeder weiß wie so was geht ;o)

In jedem Falle, ebenso bei Deinem Link, wenn ich mal ein entsprechendes Navi gefunden habe, ist das auf horizontal ausgelegt und das bringt mir halt nix, weil meines vertikal sein soll.
Kannst ja mal schauen wenn Du magst http://vital-do-in.de/neuneu/beginnn.html Das finde ich nicht wirklich gut, aber bisher am nächsten dran, das hier ist das Original http://vital-do-in.de/index.php?article_id=1 und bis auf Kleinigkeiten find ich das eigentlich ziemlich gut.
__________________
Triggertrix
Es ist nicht gesagt daß es besser wird, wenn es anders wird. Wenn es aber besser werden soll, dann muß es anders werden.
  Mit Zitat antworten
Antwort


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS-Listen-Menü, Unterpunkte übernehmen Hintergrundgrafik CuteMikoChan (X)HTML & CSS 4 07.04.2011 15:43
ordner einklappen/ausklappen kurzbefehl? hade0011 Photoshop 2 01.02.2010 08:05
[Joomla] Ausklappen? d3221 Joomla! 4 11.08.2009 18:58
Ebeneneffekte nicht ausklappen Foos Photoshop 10 05.04.2009 22:07
Horizontale Navigation zum Ausklappen oder so Xeaset Flash - Allgemein 6 14.10.2005 13:40