Zum Inhalt springen

Explorer Menü

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

Tags: Frage

Rolf ·

sorry, aber genau das hab ich gemacht - mit dem effekt, dass sich dann das menü nicht mehr aufklappt. anscheinend ist es einfach nur nicht machbar. trotzdem hast du mir in anderer richtung schon weitergeholfen. eine vernünftig aussehende explorer-darstellung als menü - echt super!

jetzt bin ich aber schon beim nächsten problem - die frameübergreifende menüsteuerung über mehrere ebenen. das wir auch noch spaßig. wenn du jetzt mal reinschaust, wirst du nun ein gmenu_foldout gesteuertes menü finden, das so in etwa (halt grundsätzlich) meinen geschmack trifft. aber jetzt die menüsteuerung in die anderen frames zu verlagern ist anscheinend gar nicht so einfach, da ich noch keine ahnung hab, wie ich die 3. ebene auf den bottom-frame oder sogar über den contentbereich im mainframe verlagere - und zwar so, dass die ebene erst auf ansteuerung der 2. ebene dort erscheint.
ich hab zwarein rudimentäres ergebnis - der kompromiss mit plugin menü/sitmap auf der seite der 2.ebene und dem typ "menü der unterseiten". befriedigend ist das aber noch nicht.

wie schon erwähnt, wenn ich - sowohl in die eine als auch in die jetzt angesprochene richtung - ein ansehnliches ergebnis habe, stelle ich es der community gerne zur verfügung.

gruß

rolf

bnai ·

hey sw,

wie weit bist du so mit den strichen? ich habs fast, hab aber noch ein problem... :x

so siehts bisher aus:

|-[+]Seite 1 <-klick
|-[+]Seite 2
|-[+]Seite 3
|-[+]Seite 4
|_[o]Seite 5

(ohne Subseite ) [o])

|-[-]Seite 1
....|_[o]Unterseite
|-[+]Seite 2
|-[+]Seite 3<-klick
|-[+]Seite 4
|_[o]Seite 5

|-[+]Seite 1
|-[+]Seite 2
|-[-]Seite 3
....|-[+]Unterseite <-klick
....|_[o]Unterseite
|-[+]Seite 4
|_[o]Seite 5

|-[+]Seite 1
|-[+]Seite 2
|-[-]Seite 3
....|-[+]Unterseite
........|_[o]Unterseite
....|_[o]Unterseite
|-[+]Seite 4
|_[o]Seite 5

Das Problem: Wie soll ich die Striche (fett) hinbekommen? o.O

|-[+]Seite 1
|-[+]Seite 2
|-[-]Seite 3
|....|-[+]Unterseite
|....|....|_[o]Unterseite
|....|_[o]Unterseite
|-[+]Seite 4
|_[o]Seite 5

sw-student ·

Wusste doch, dass meine Tabellenmethode die bessere Wahl war #giggle#

Vermute, dass hier deine Methode per CSS versagt. Würd vorschlagen, einfach die Images jeweils in die wraps einzubauen:

2.NO.beforeWrap = <tr><td><img src="strich.gif"></td><td>|</td> 
3.NO.beforeWrap = <tr><td><img src="strich.gif"></td><td><img src="strich.gif"></td><td>|</td> 
4.NO.beforeWrap = <tr><td><img src="strich.gif"></td><td><img src="strich.gif"></td><td><img src="strich.gif"></td><td>|</td>

Könntest du dann bitte mal den kompletten Code nochmals posten.

Gruß [SW]

bnai ·
sw-student schrieb

Wusste doch, dass meine Tabellenmethode die bessere Wahl war #giggle#

Vermute, dass hier deine Methode per CSS versagt.

tztztz... meine methode hat garnich versagt, für mit ohne striche wars perfekt! 😉

sw-student schrieb

Würd vorschlagen, einfach die Images jeweils in die wraps einzubauen:

2.NO.beforeWrap = <tr><td><img src="strich.gif"></td><td>|</td> 
3.NO.beforeWrap = <tr><td><img src="strich.gif"></td><td><img src="strich.gif"></td><td>|</td> 
4.NO.beforeWrap = <tr><td><img src="strich.gif"></td><td><img 
src="strich.gif"></td><td><img src="strich.gif"></td><td>|</td>

So einfach isses leider nich... 🙁

sw-student schrieb

Könntest du dann bitte mal den kompletten Code nochmals posten.

Kommt sofort...

bnai ·

Also hier isser, aber er ist leider noch etwas unübersichtlich, da ich ihn noch nicht wirklich bereinigt habe #paralyzed#

# Menu 1 cObject
temp.menu = HMENU

temp.menu {
wrap = <table border = 1 cellspacing="0" cellpadding="0">|</table>
}

#temp.menu.entryLevel = 1
temp.menu.1 = TMENU
temp.menu.2 = TMENU
temp.menu.3 = TMENU

# First level menu-object, textual
temp.menu.1 {
collapse = 0
NO.beforeWrap= <td width="0">|</td>
NO.beforeImg = fileadmin/resources/pics/tree_l.gif
NO.linkWrap = <td width="100%" colspan="3">|</td><td></td><td></td></tr>
NO.allWrap = |*||*| <tr><td width="0"><img src = "fileadmin/resources/pics/tree_s.gif"></td>| || <tr><td width="0"><img src="fileadmin/resources/pics/tree_e.gif"></td>|

ACTIFSUB = 1
ACTIFSUB.allWrap = |*||*| <tr><td width="0"><img src = "fileadmin/resources/pics/tree_s.gif"></td><td width="0"><a href="index.php?id=490"><img src="fileadmin/resources/pics/tree_c.gif" border=0></a></td><td colspan=3>|</td><td></td><td></td></tr> || <tr><td width="0"><img src="fileadmin/resources/pics/tree_e.gif"></td><td width="0"><a href="index.php?id=490"><img src="fileadmin/resources/pics/tree_c.gif" border=0></a></td><td colspan=3>|</td><td></td><td></td></tr>

IFSUB = 1
IFSUB.beforeWrap= <td width="0">|</td>
IFSUB.beforeImgLink = 1
IFSUB.linkWrap = <td width="100%" colspan="3">|</td><td></td><td></td></tr>
IFSUB.beforeImg = fileadmin/resources/pics/tree_x.gif
IFSUB.allWrap = |*||*| <tr><td width="0"><img src = "fileadmin/resources/pics/tree_s.gif"></td>|  || <tr><td width="0"><img src="fileadmin/resources/pics/tree_e.gif"></td> | 
}

# Second level menu-object textual
temp.menu.2 {
collapse = 1

NO.beforeWrap= <td width="0">|</td>
NO.beforeImg = fileadmin/resources/pics/tree_l.gif
NO.beforeImgLink = 1
NO.linkWrap = <td width="100%" colspan="2">|</td><td></td></tr>
NO.allWrap = |*||*| <tr><td></td><td><img src = "fileadmin/resources/pics/tree_s.gif"></td>| || <tr><td></td><td width="0"><img src="fileadmin/resources/pics/tree_e.gif"></td> | 

ACTIFSUB = 1
ACTIFSUB.beforeWrap= <td width="0">|</td>
ACTIFSUB.beforeImg = fileadmin/resources/pics/tree_c.gif
ACTIFSUB.beforeImgLink = 1
ACTIFSUB.linkWrap = <td width="100%" colspan=2>|</td><td></td></tr>
ACTIFSUB.allWrap = |*||*| <tr><td></td><td><img src = "fileadmin/resources/pics/tree_s.gif"></td>|  || <tr><td></td><td width=0><img src="fileadmin/resources/pics/tree_e.gif"></td> | 

IFSUB.beforeWrap=<td width="0">|</td>
IFSUB = 1
IFSUB.beforeImg = fileadmin/resources/pics/tree_x.gif
IFSUB.beforeImgLink = 1
IFSUB.linkWrap = <td width="100%" colspan="2">|</td><td></td></tr>
IFSUB.allWrap = |*||*| <tr><td></td><td><img src = "fileadmin/resources/pics/tree_s.gif"></td>| || <tr><td></td><td><img src="fileadmin/resources/pics/tree_e.gif"></td>|
}

# Third level menu-object textual
temp.menu.3 {
collapse = 1
NO.beforeWrap = |
NO.linkWrap = <td width="100%">|</td></tr>
NO.allWrap = <tr><td></td><td></td><td><img src = "fileadmin/resources/pics/tree_s.gif"></td><td><img src="fileadmin/resources/pics/tree_l.gif"></td>| |*||*| <tr><td></td><td></td><td><img src="fileadmin/resources/pics/tree_e.gif"></td><td><img src="fileadmin/resources/pics/tree_l.gif"></td>| 
}

LEGENDE:

|- = tree_s.gif

|_ = tree_e.gif

[o] = tree_l.gif

| = tree_i.gif

[+] = tree_x.gif

[-] = tree_c.gif

bnai ·
sacha schrieb

hast du den Code für dein CSS Menü auch irgendwo? Oder habe ich da was falsch verstanden?

Würde mich schon reizen, dieses Menü mal ohne Tabellen als per CSS formatierte ul umzusetzen.

habe mein "css menu" in die tabellen-version umgebaut, die du nun oben sehen kannst. Damals hatte ich eine Zeile mit "div" + je nach ebene einem padding-left (für Einrückung) formatiert.

sw-student ·

Sorry, hab mich der Sache nicht mehr gewidmet ... setz mich jetzt aber mal wieder dran.

Klau jetzt einfach mal die gifs aus dem BE Tree 😉

sw-student ·

Hallo!

Sorry, komm in letzter Zeit einfach nicht dazu. Kann mit meinem bisherigen Menü zur Zeit noch leben. Irgendwann nehm ich mir die Zeit mal #paralyzed#

Irgendwie hat sich bei mir die automatische Benachrichtigung verabschiedet, deswegen die späte Antwort erst. #evil#

An welcher Stelle hackst bei dir denn?

bnai ·

immer noch dasselbe:

Das Problem: Wie soll ich die Striche (fett) hinbekommen?

|-[+]Seite 1
|-[+]Seite 2
|-[-]Seite 3
|....|-[+]Unterseite
|....|....|_[o]Unterseite
|....|_[o]Unterseite
|-[+]Seite 4
|_[o]Seite 5

Wenn dieses Feature drin ist, ist es perfekt. Das muss unbedingt noch rein, weiß aber nicht, wie ich es hinbekommen soll. 🙁

sw-student ·

Versteh dein Problem nicht. Wieso soll das so nich gehn:

ICH schrieb

Würd vorschlagen, einfach die Images jeweils in die wraps einzubauen:

2.NO.beforeWrap = <tr><td><img src="strich.gif"></td><td>|</td> 
3.NO.beforeWrap = <tr><td><img src="strich.gif"></td><td><img src="strich.gif"></td><td>|</td> 
4.NO.beforeWrap = <tr><td><img src="strich.gif"></td><td><img src="strich.gif"></td><td><img src="strich.gif"></td><td>|</td>

Könntest du dann bitte mal den kompletten Code nochmals posten.

Gruß [SW]

bnai ·

ganz einfach, schau dir beispielsweise diesen Fall an:

|-[+]Seite 1
|-[+]Seite 2
|-[+]Seite 3
|-[+]Seite 4
|_[-]Seite 5
|....|-[o]Unterseite
|....|_[o]Unterseite

Diese Striche (fett) würden so abgebildet werden, was aber falsch ist. Es gibt da noch mehrere Fälle, wo es so nicht hinhaut, habs schon so ausprobiert. Kannst den Code ja mal schnell bei dir einfügen und anschauen, wenn du es mir nicht glauben solltest 😉

max2 ·

Hallo,
das Menü ist echt super, nur ein Problem hab ich noch und zwar in dem folgenden Fall dürfen ja vor den Unterseiten keine | mehr sein, nur wenn es die Seite 6 geben würde. Gibt es eine Möglichkeit das Problem zu lösen?

MfG
Max

bnai schrieb

|-[+]Seite 1
|-[+]Seite 2
|-[+]Seite 3
|-[+]Seite 4
|_[-]Seite 5
|....|-[o]Unterseite
|....|_[o]Unterseite

boonkerz ·

Hallo

Einfachere wäre wohl das alles nicht als text menu sondern als imagemenü zu machen.

Warum nicht so?

MFG