4images Forum & Community

4images Modifications / Modifikationen => Templates & Styles (Requests & Discussions) => Topic started by: lammic on December 13, 2006, 01:12:59 PM

Title: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: lammic on December 13, 2006, 01:12:59 PM
Hi Leute,

ich weiß nicht ob ich in diesem Forum richtig bin, aber ich versuchs trotzdem mal.
Ich habe bisher auf meiner Seite links eine eigene Navigation eingebaut, in der die Kategorien und Unterkategorien aufgelistet werden.
--> Zu sehen bei http://www.worldpix.de (http://www.worldpix.de).

Da ich momentan ein anderes Template entwerfe, gefällt mir das Menü nicht mehr, weil es natürlich auch immer länger wird.

Ich hätte gerne ein Aufklappmenü, welches wie folgt aussehen soll.

Soweit kein Problem, allerdings soll erst beim Anklicken einer Hauptkategorie die Unterkategorie erscheinen, wie z.B.

- Hauptkategorie 1
   - Unterkategorie1
   - Unterkategorie2
   - ...
- Hauptkategorie 2
- Hauptkategorie 3


Wie realisiere ich das ganze in PHP? Wäre super wenn Ihr mir helfen könntet.

Gruß
Michael
Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: mawenzi on December 13, 2006, 01:56:26 PM
... bei einer Umsetzung nur in PHP wird sich jedes mal zum Öffnen eines Paketes Unterkategorien die Seite komplett neu laden ...
... ich denke mal nicht, dass das so betrachterfreundlich ist ...
... du wirst wohl um ein Java-Script (mit Toggel-Funktion) nicht herumkommen ...
... die eleganteste Lösung wäre somit die Kombination aus php (für die dyn.Daten) und java (für das dyn.Design) ...
Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: olien1 on December 13, 2006, 02:09:37 PM
Hallo,

die Lösung würde mich auch sehr interessieren.

Gruß
Oliver
Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: lammic on December 13, 2006, 02:12:32 PM
... bei einer Umsetzung nur in PHP wird sich jedes mal zum Öffnen eines Paketes Unterkategorien die Seite komplett neu laden ...
... ich denke mal nicht, dass das so betrachterfreundlich ist ...
... du wirst wohl um ein Java-Script (mit Toggel-Funktion) nicht herumkommen ...
... die eleganteste Lösung wäre somit die Kombination aus php (für die dyn.Daten) und java (für das dyn.Design) ...

Ich habe es zumindest schon mal soweit, dass sich beim Anklicken der Hauptkategorien die entsprechenden Unterkategorien öffnen.
Mein jetziges Problem ist allerdings, dass sich beim Anklicken der Unterkategorien das Menü wieder schließt.

Javascript oder Java kommen für mich nicht in Frage, das finde ich benutzerunfreundlich. Und so schlimm finde ich es nicht, dass sich die Seite neu lädt. So viele Bilder habe ich nicht und die Ladezeit ist noch angenehm.

Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: mawenzi on December 13, 2006, 02:22:09 PM
... na dann ist nichts einfacher als den Code aus der /admin/categories.php dafür zu verwenden ... ;)
Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: lammic on December 13, 2006, 02:24:18 PM
Wenn ich da durchsteigen würde, hätte ich hier nicht gepostet  :)
Kannst mir aber gerne dabei helfen die richtigen Codeschnipsel rauszusuchen.... 8)
Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: honda2000 on December 13, 2006, 06:04:37 PM
schau mal, meinst du sowas???

das ist NICHT cool-menue, sondern was eigenes
kannst aber den Quelltext gern haben

Beispiel: www.tierklinik-greiz.com
Das Parentmenue ist nur in Form von Button per CSS formatiert, gehen natürlich normale Text-links
Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: KurtW on December 13, 2006, 07:57:26 PM
Hallo,

glaube, er meint eher so wie auf meiner Seite:
http://www.malediven-bilder.de/category_list.php?t=malediven (http://www.malediven-bilder.de/category_list.php?t=malediven)

Ist aber ehrlich gesagt ziemlich schwierig dieses unter kontrolle zu bringen  :wink:

Gruß
Kurt
Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: honda2000 on December 13, 2006, 08:41:04 PM
ja, du hast es senkrecht und die Kategorien als Parent und die Bilder als Submenue

bei mir isses eben ne andere Art der Navi
...aber stimmt, schwer unter KOntrolle zu bekommen
(bei dir nochmehr, weil ständig neue dazukommen)
Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: olien1 on December 15, 2006, 09:49:56 PM
... bei einer Umsetzung nur in PHP wird sich jedes mal zum Öffnen eines Paketes Unterkategorien die Seite komplett neu laden ...

damit könnte ich leben... hat schon jemand einen lösungsansatz?

Viele Grüße
Oliver
Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: lammic on December 15, 2006, 10:56:06 PM
Hallo,

glaube, er meint eher so wie auf meiner Seite:
http://www.malediven-bilder.de/category_list.php?t=malediven (http://www.malediven-bilder.de/category_list.php?t=malediven)

Ist aber ehrlich gesagt ziemlich schwierig dieses unter kontrolle zu bringen  :wink:

Gruß
Kurt

Hi Kurt,

so in der Art wie Du es hast, wäre schon nicht schlecht. Bei Dir sieht das aber nach Java-Script aus, oder!?
Leider schließt sich Dein Menü auch wieder nach anklicken einer Unterkategorie, worauf der Besucher sich erstmal zurecht finden muss wo er sich dann befindet.
Aber alles in allem eine super Seite, kompliment...  :wink: :thumbup:

Mein Menü habe ich jetzt zwei verschachtelte sql-Abfragen, das klappt soweit schon, aber auch bei mir schließt das Menü nach anklicken eines Unterpunktes oder des Bildes.
Irgendeine Lösung muss es doch geben... vielleicht ist hier der Rat von v@no oder Jan gefragt.... :?

Gruß
Michael
Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: mawenzi on December 15, 2006, 11:15:43 PM
... es ist nur mein Rat ...  :roll:
[Rat_Anfang]
... dass du mit php einiges auf die Beine stellen kannst, das schreibst du ja ...
... doch warum willst du etwas neues erfinden, wenn es das bereits in 4images gibt ...
... nehme doch einfach meinen Vorschlag von oben auf ...
... damit kannst du deine dynamische Sitemap komplett in php und genau nach deinen Wünschen erzeugen ...
... gehe ins ACP (vers.1.7.4) -> Kategorien ... denn dort arbeitet die Sitemap in der besten Art und Weise ...
... und dann könnte es in etwa so (http://klick.kl.funpic.de/sitemap_v2.php) auf der Website aussehen ...
[Rat_Ende]
Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: olien1 on December 16, 2006, 07:30:08 AM
Hallo Detlev,

hast Du evtl. auch einen Lösungsansatz für einen Version die ohne Frames funktioniert?

Gruß
Oliver
Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: honda2000 on December 16, 2006, 09:06:10 AM
@mawenzi nutzt doch gar keine Frames!
außerdem ist das öffnen immer nur ein Problem des target-Befehls!
wenn du ein Frame nutzt sasgt du vorher: base target der-und-der-Frame
ansonsten wird Standard immer _self genutzt

bei dem Menue(sitemap_v2) wird einfach die Kategorie-ID aufgerufen
Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: KurtW on December 16, 2006, 09:42:15 AM
Hallo,
aber ehrlich gesagt kann ich mir die Übergabe der offenen hauptkategory zur nächsten php nicht vorstellen.
Also von der Startseite z.B. haupkategory Cuba öffnen und dann weiter zur kategory selbst. Dabei
wird die komplette Seite neu geladen und die categories.php aufgerufen.

eine Kombination könnte ich mir wie mawenzi auch vorstellen,
so was in der Art:
Code: [Select]
{if cat1} display: yes {endif cat1}
Am einfachsten aber auch nicht so elegant:
Menüframe für das ganze linke Menue. Dann bleibt das komplette Menü mit der
geöffneten Subcat immer so, wie geklickt.


Kurt
Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: honda2000 on December 16, 2006, 11:33:44 AM
hallo KurtW, warum so umständlich??
du legst das parent-Menue der Kategorien an, wenn du ein Parent (kategorie) öffnest, fragst du das Submenue einfach ab

wenn du dir diese Navi anschaust, und jetzt die Tabelle nicht neben, sondern untereinander anlegst und
statt den Links einfach die Kategorie-ID mit (cat_id=) einträgst, hast du genau das was ihr alle möchtet

Code: [Select]
<div id="menu"><table border="0"><tr>

<td><a href="<?php echo $newLink '?pageLink=1"'; if($pageLink == 1) echo ' class="geklickt"'?>">Tierklinik Greiz</a></td>
<td><a href="<?php echo $newLink '?pageLink=2"'; if($pageLink == 2) echo ' class="geklickt"'?>">Aktuell</a></td>
<td><a href="<?php echo $newLink '?pageLink=3"'; if($pageLink == 3) echo ' class="geklickt"'?>">Praktikum</a></td>
<td><a href="<?php echo $newLink '?pageLink=4"'; if($pageLink == 4) echo ' class="geklickt"'?>">interaktiv</a></td>
<td><a href="<?php echo $newLink '?pageLink=5"'; if($pageLink == 5) echo ' class="geklickt"'?>">Presse</a></td>
<td><a href="<?php echo $newLink '?pageLink=6"'; if($pageLink == 6) echo ' class="geklickt"'?>">Archiv</a></td>
<td><a href="<?php echo $newLink '?pageLink=7"'; if($pageLink == 7) echo ' class="geklickt"'?>">Impressum</a></td>
</table></tr>
<div id="sub">
<table width="490"><tr>

<?php if($pageLink == 1) { echo "
<td width=\"25\">&nbsp;</td>
<td><a href=\"index.php?show=team&pageLink=1\">Team</a></td>
<td><a href=\"index.php?show=oeffnungszeiten&pageLink=1\">&Ouml;ffnungszeiten</a></td>
<td><a href=\"index.php?show=anfahrt&pageLink=1\">Anfahrt</a></td>
<td><a href=\"index.php?show=leistungen&pageLink=1\">Unsere Leistungen</a></td>
<td><a href=\"index.php?show=kontakt&pageLink=1\">Kontakt</a></td>"
;
}
?>

<?php if($pageLink == 2) { echo "
<td width=\"25\">&nbsp;</td>
<td><a href=\"index.php?show=aktuell_katze&pageLink=2\">Katze</a></td>
<td><a href=\"index.php?show=aktuell_hund&pageLink=2\">Hund</a></td>
<td><a href=\"index.php?show=aktuell_kl_ex&pageLink=2\">Kleins&auml;uger&#38;#47;Exoten</a></td>
<td><a href=\"index.php?show=aktuell_pferd&pageLink=2\">Pferd</a></td>
<td><a href=\"index.php?show=aktuell_nutzvieh&pageLink=2\">Nutzvieh</a></td>
<td><a href=\"index.php?show=aktuell_sonstiges&pageLink=2\">sonstiges</a></td>"
;
}
?>

<?php if($pageLink == 3) { echo "
<td width=\"25\">&nbsp;</td>
<td><a href=\"index.php?show=praktikum&pageLink=3\">Sch&uuml;lerpraktikum</a></td>
<td><a href=\"index.php?show=studenten_praktikum&pageLink=3\">Studentenpraktikum</a></td>
<td><a href=\"index.php?show=kontaktformular_TAH&pageLink=3\">Anfrage</a></td>"
;
}
?>

<?php if($pageLink == 4) { echo "
<td width=\"25\">&nbsp;</td>
<td><a href=\"index.php?show=hinweise_regeln&pageLink=4\">Hinweise&#38;#47;Regeln</a></td>
<td><a href=\"index.php?show=newsletter&pageLink=4\">Newsletter</a></td>
<td><a href=\"http://www.tierklinik-greiz.com/forum/\">Forum</a></td>
<td><a href=\"index.php?show=gaestebuch&pageLink=4\">G&auml;stebuch</a></td>
<td><a href=\"http://www.tierklinik-greiz.com/shop/\">Shop</a></td>"
;
}
?>

<?php if($pageLink == 5) { echo "
<td width=\"25\">&nbsp;</td>
<td><a href=\"index.php?show=presse_eigene&pageLink=5\">eigene Ver&ouml;ffentlichungen</a></td>
<td><a href=\"index.php?show=presse_fremde&pageLink=5\">Pressever&ouml;ffentlichungen</a></td>"
;
}
?>

<?php if($pageLink == 6) { echo "
<td width=\"25\">&nbsp;</td>
<td><a href=\"index.php?show=archiv_katze&pageLink=6\">Katze</a></td>
<td><a href=\"index.php?show=archiv_hund&pageLink=6\">Hund</a></td>
<td><a href=\"index.php?show=archiv_kl_ex&pageLink=6\">Kleins&auml;ger&#38;#47;Exoten</a></td>
<td><a href=\"index.php?show=archiv_pferd&pageLink=6\">Pferd</a></td>
<td><a href=\"index.php?show=archiv_nutzvieh&pageLink=6\">Nutzvieh</a></td>
<td><a href=\"index.php?show=archiv_sonstige&pageLink=6\">sonstiges</a></td>"
;
}
?>

<?php if($pageLink == 7) { echo "
<td width=\"25\">&nbsp;</td>
<td><a href=\"index.php?show=impressum&pageLink=7\">Impressum</a></td>
<td><a href=\"index.php?show=copyright&pageLink=7\">&copy; Copyrighthinweis</a></td>"
;
}
?>

</table></tr></div>

und natürlich die div:

Code: [Select]
/*Menue*/

#menu {
 
       font: 11px Helvetica, sans-serif, Arial;
       padding :5px 0px 0px 10px;
       background-color : #639D63;
   

}

#menu td {
        font: 11px Helvetica, sans-serif, Arial;
        width:80px;
        height:20px;
        text-align : center;
        background-color : #639D63;
        color:#ffffff;
    font-weight: bold;

}

#menu td a {


        font: 11px Helvetica, sans-serif, Arial;
    text-decoration:none;
    display:block;
        border-style:outset;
    text-align:center;
    width:20ex;
    color:#ffffff;
    font-weight: bold;
}

#menu td a:link,  #menu td a:visited {
       
        font: 11px Helvetica, sans-serif, Arial;
    color:#ffffff;
    display:block;
        border-style:outset;
    text-align:center;
    width:20ex;
    font-weight: bold;

}

#menu td a:hover, #menu td a:active, #menu td a.geklickt {

    font: 11px Helvetica, sans-serif, Arial;
color:#ffffff;
background-color : #4A724A;
display:block;
    border-style:outset;
text-align:center;
width:20ex;
font-weight: bold;
}

#sub {

       font: 11px Helvetica, sans-serif, Arial;
       width:1000px;
       height:12px;
       background-color : #639D63;
   

}

#sub td a {

      font: 11px Helvetica, sans-serif, Arial;
      text-decoration:none;
      color: #000055;
      width:585px;
      height:30px;

}

a.menu { display:block; margin-bottom:0px; text-align:center; width:20ex;
         border-style:outset; border-width:3px; padding:0px; text-decoration:none; border-color:#dddddd;}

a.menu:link    { color:#ffffff; background-color:#639D63; }
a.menu:visited { color:#000000; background-color:#639D63; }
a.menu:hover   { color:#ffffff; background-color:;#4A724A }
a.menu:active  { color:#ffffff; background-color:#4A724A; }
natürlich muss die farblich angepasst werden und auch die Formatierung muss sich dann jeder selber basteln, so wie es in "sein" Layout passt

...nicht vergessen: in die navi müssen die Kategorien
Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: lammic on December 18, 2006, 09:53:18 AM
@honda2000
Solange die Seite von der Menüstruktur übersichtlich ist, ist der Lösungsvorschlag gut. Das Menü aus 4images so abzubilden würde aber eine manuelle Korrektur am Menü selbst voraussetzen und ist meines Erachtens auch nicht so einfach realisibar.

Da finde ich den Lösungsvorschlag über die Sitemap Anzeige aus dem ACP V.1.7.4 wesentlich besser und vor allem trifft es genau meine Erwartungen.  8) Auch wenn das Öffnen über das Pluszeichen geschmackssache ist.

Ich werd es mir anschauen und dann berichten....

Gruß
Michael

Title: Re: Navigation - Kategorien aufgelistet, Aufklappmenü
Post by: honda2000 on December 18, 2006, 10:30:52 AM
ja, natürlich, da hast du recht

ich gehe einfach davon aus, das es kein zig-hundert Kategorien gibt

stimmt, wenn es viele oder mehr werden, muss man diese manuell immer nachtragen

allerdings, und das kannst du nicht bestreiten: für kleine Galerien, mit wenigen Kategorien und Unterkategorien ist alles das gewährleistet, was ihr sucht:
alle Kategorien im Überblick
Sub klappt auf und zu per OnClick der kategorie


p.s. ich hab ja auch nur lauf gedacht und nicht gesagt: das ist der Stein der Weisen :D :wink: