Zum Inhalt springen

Explorer Menü

Erstellt am 14. Januar 2004 · 112 Antworten · letzte Antwort am 19. August 2006 · Seite 1 von 6

Tags: Frage

sw-student ·

Hallo Community,

mein Explorer Menü is nun fertig. Hier das Ergebnis:

### EXPLORER MENÜ ###

temp.exp_menu = HMENU 
temp.exp_menu {
        wrap = <table style="padding-top:1px;" cellspacing="0" cellpadding="0" border="0">|</table>
        entryLevel = 2
        1 = TMENU
        1 {
            expAll = 0
            collapse = 1

            NO.beforeWrap = <tr><td>|</td>
            NO.beforeImg = fileadmin/data/images/menu_pfeil.gif
            NO.beforeImgLink = 1
            NO.linkWrap = <td colspan="4" width="100%">|</td></tr>

            ACTIFSUB < .NO
            ACTIFSUB = 1
            ACTIFSUB.beforeImg = fileadmin/data/images/menu_minus.gif

            IFSUB < .NO
            IFSUB = 1
            IFSUB.beforeImg = fileadmin/data/images/menu_plus.gif

           }
        2 = TMENU
        2 {
            expAll = 0
            collapse = 1

            NO.beforeWrap = <tr><td></td><td>|</td>
            NO.beforeImg = fileadmin/data/images/menu_pfeil.gif
            NO.beforeImgLink = 1
            NO.linkWrap = <td colspan="3" width="100%">|</td></tr>

            ACTIFSUB < .NO
            ACTIFSUB = 1
            ACTIFSUB.beforeImg = fileadmin/data/images/menu_minus.gif

            IFSUB < .NO
            IFSUB = 1
            IFSUB.beforeImg = fileadmin/data/images/menu_plus.gif

           }
        3 = TMENU
        3 {
            expAll = 0
            collapse = 1

            NO.beforeWrap = <tr><td></td><td></td><td>|</td>
            NO.beforeImg = fileadmin/data/images/menu_pfeil.gif
            NO.beforeImgLink = 1
            NO.linkWrap = <td colspan="2" width="100%">|</td></tr>

            ACTIFSUB < .NO
            ACTIFSUB = 1
            ACTIFSUB.beforeImg = fileadmin/data/images/menu_minus.gif

            IFSUB < .NO
            IFSUB = 1
            IFSUB.beforeImg = fileadmin/data/images/menu_plus.gif

           }
        4 = TMENU
        4 {
            expAll = 0
            collapse = 1

            NO.beforeWrap = <tr><td></td><td></td><td></td><td>|</td>
            NO.beforeImg = fileadmin/data/images/menu_pfeil.gif
            NO.beforeImgLink = 1
            NO.linkWrap = <td colspan="1" width="100%">|</td></tr>

            ACTIFSUB < .NO
            ACTIFSUB = 1
            ACTIFSUB.beforeImg = fileadmin/data/images/menu_minus.gif

            IFSUB < .NO
            IFSUB = 1
            IFSUB.beforeImg = fileadmin/data/images/menu_plus.gif

           }
        }

To Do: Eigentlich wollte ich noch aktiven Seiten in der letzten Ebene mit einem eigenen beforeImg hervorheben. Also habe ich einen CUR Zustand für die Seiten definiert. Leider überschreibt cer CUR Zustand den ACTIFSUB Zustand. Das hat zur Folge, dass das Minus ebenfalls im aktiven Zustand wegen des CUR ersetzt wird. Wer dazu eine Lösung wüsste bitte melden!
Wem die Erklärung zu kompliziert ist, fügt einfach mal den Code

            CUR < .NO
            CUR = 1
            CUR.beforeImg = fileadmin/data/images/menu_pfeil2.gif

ein und ihr werdet sehen, was ich meine.

Bitte gebt mir Feedback, ob das Menü eurer Vorstellung entspricht.

Viel Spass damit!

bnai ·

ja genauso hab ich es auch. und mein langwieriges Problem dabei war halt nur, daß ich das aktive Element fett markieren wollte. Ist mit Typo-Script leider nicht zu realisieren.

maxhb ·

Hi!

sw-student schrieb

Kann mir das bitte jemand erklären?

Poste doch mal Deinen Wrap-Code und den HTML-Quellcode der tabelle.

CU
maxhb

maxhb ·
sw-student schrieb

Lool --> guckst du oben #giggle#

Guck ich oben und finde keinen Wrap für ACT und auch keinen HTML-Quellcode der fertigen Tabelle, wie Du sie in Deinem Bildchen zeigst 😉

CU
maxhb

sw-student ·

Ok, haste recht, ACT wrap hab ich nich gepostet. Ist aber auch nicht der Rede wert:

            ACT < .NO
            ACT = 1
            ACT.linkWrap = <STRONG>|</STRONG>

Tabelle wird durch die einzelnen wraps generiert!

maxhb ·
sw-student schrieb

Ok, haste recht, ACT wrap hab ich nich gepostet. Ist aber auch nicht der Rede wert:

            ACT < .NO
            ACT = 1
            ACT.linkWrap = <STRONG>|</STRONG>

Tabelle wird durch die einzelnen wraps generiert!

Sollte das nicht

NO.linkWrap = <td colspan="XYZ" width="100%"><strong>|</strong></td></tr>

heissen, wobei colspan je Ebene entsprechend gesetzt werden muss?

CU
maxhb

bnai ·

für was benötigst du eigendlich überhaupt ne tabelle? mein exlorer menü läuft auch ohne, die Einrückungen erreiche ich durch mein Stylesheet.

bnai ·

wenn du bei deiner version auf das minus symbol klickst, fährt dann der Ast wieder ein? bei mir funktioniert das nämlich nicht...

sw-student ·
maxhb schrieb
sw-student schrieb

Ok, haste recht, ACT wrap hab ich nich gepostet. Ist aber auch nicht der Rede wert:

            ACT < .NO
            ACT = 1
            ACT.linkWrap = <STRONG>|</STRONG>

Tabelle wird durch die einzelnen wraps generiert!

Sollte das nicht

ACT.linkWrap = <td colspan="XYZ" width="100%"><strong>|</strong></td></tr>

heissen, wobei colspan je Ebene entsprechend gesetzt werden muss?

CU
maxhb

Natürlich! Das war's! Danke maxhb!

bnai schrieb

für was benötigst du eigendlich überhaupt ne tabelle? mein exlorer menü läuft auch ohne, die Einrückungen erreiche ich durch mein Stylesheet.

Gute Frage, hatte eben Lust ne Tabelle zu schmieden. Vielleicht isses noch mal von Vorteilen.

bnai schrieb

Ach ja, das liegt mir schon so lange auf der Zunge... das Ding heißt Suchen-Button 😉

*klugscheiss* #paralyzed# Bitte schön der Herr 😉

bnai schrieb

wenn du bei deiner version auf das minus symbol klickst, fährt dann der Ast wieder ein? bei mir funktioniert das nämlich nicht...

Ja, tut es :p

bnai ·

so, bei mir tut es jetzt auch :p

hab auch nich abgeschaut #paralyzed#

wirds auch fett beim draufklicken? 🙂

bnai ·

also ich meine in jeder ebene! es darf immer nur ein Element fett markiert sein.

Ebene 1
--Ebene 2
----Ebene 3

Klick auf Ebene 2:

Ebene 1
--Ebene 2
----Ebene 3

und nicht:

Ebene 1
--Ebene 2
----Ebene 3

Klick auf Ebene 2:

Ebene 1
--Ebene 2
----Ebene 3

(simultan zu Ebene 3)

sw-student ·

Bei mir isses so, dass letztendlich nur die aktiven Seiten fett hervorgehoben sind. "Ordner" oder auch Seiten mit Unterseiten werden nicht hervorgehoben - und das ist gut so.

bnai ·

Im Prinzip sind ja aber Seiten mit Unterseiten auch Seiten. 🙂
D.h. sie müssen auch fett markiert werden wenn man das "Konzept" konsequent umsetzt. Naja, wie dem auch sei, unbedingt haben muss ich es nicht, da ich bereits eine alternative Lösung gefunden habe.

bnai ·

Bleibt IMHO nur noch eine große Herausforderung: Die Striche mit denen die einzelnen [+] und [-] und die [o] bzw. [->] miteinander verbunden sind.

Das ist aber nicht so einfach... o.O