dynamisches Menü erstellen

Oli82 · 14. Mai 2008 12:24

Hallo

Ich nutze derzeit das Template "Multiflex3" von Rachi.ch und würde dort gerne im linken Container ein dynamisches Menü einbinden.

Ich hätte das gerne so, dass ich meine Hauptpunkte habe und beim klicken darauf die Unterpunkte angezeigt werden.
Ein Tutorial für solch ein Menü oder eine kurze Hilfestellung würde mir sehr weiter helfen.

Hier mal das TS des derzeitigen Menüs, so wie es beim Template dabei ist:

temp.MenuLinks = HMENU
temp.MenuLinks {
	entryLevel = {$nav3entrylevel}
	#excludeUidList = 12, 13, 14, 15
	wrap = <dl class="{$nav3_class}">|</dl>
		{
		1 = TMENU
		1 {
		expAll = 1
		noBlur = 1
		#doNotShowLink = 1
		wrap = |
		NO {
			allWrap = <dt>|</dt>
			ATagParams = class="level1-no"
			ATagTitle.field = description // title
		   }

		ACT = 1
		ACT {
			allWrap = <dt>|</dt>
			ATagParams = class="level1-act"
			ATagTitle.field = description // title
		    }
		  
		  }
		2 = TMENU
		2 {
		expAll = 1
		noBlur = 1
		wrap = |
		NO {
			allWrap = <dd>|</dd>
			ATagParams = class="level2-no"
			ATagTitle.field = description // title
		   }

		ACT = 1
		ACT {
			allWrap = <dd>|</dd>
			ATagParams = class="level2-act"
			ATagTitle.field = description // title
		    }
	}
3 < .2
  }
}

d.walter · 14. Mai 2008 13:39

Dazu gibt es hinreichend Informationen hier im Forum. Wurde schon zigmal behandelt!

Zum Bleistift hier: #578495

Daniel

Oli82 · 14. Mai 2008 14:08

Muss wohl die faschen suchbegriffe eingegeben haben.
Probiere es mal aus.
Vorerst danke

Oli82 · 15. Mai 2008 10:11

Soweit habe ich mit den bestehenden Threads ein dynamisches Menü realisieren können.
Leider habe ich nun noch das Problem, dass der active Link falsch formatiert dargestellt wird.

Das TS beruht auf dem oberen geposteten Menü:

temp.MenuLinks = HMENU
temp.MenuLinks {
	special = directory
	special.value = 1
	entryLevel = {$nav3entrylevel}
	#excludeUidList = 12, 13, 14, 15
	wrap = <dl class="{$nav3_class}">|</dl>
		{
 1 = TMENU
 1 {
  expAll = 0
  noBlur = 1
  
  wrap = |
  
  NO = 1
  NO {
	ATagParams = class="level1-no"
	ATagTitle.field = description // title
    linkWrap = <dt>|</dt>
   IFSUB = 0
   IFSUB.linkWrap = <dt>|</dt>
   IFSUB.ATagParams = class="level1-no"
   IFSUB.ATagTitle.field = description // title
   
  }
  ACTIFSUB = 0
  ACTIFSUB.linkWrap = <dt>|</dt>
  ACTIFSUB.ATagParams = class="level1-act"
  ACTIFSUB.ATagTitle.field = description // title
  
  CUR = 1
  CUR {
   doNotLinkIt = 1
   linkWrap = <dt>|</dt>
   ATagParams = class="level1-act"
   IFSUB = 0
   IFSUB.linkWrap = <dt>|</dt>
   IFSUB.ATagParams = class="level1-act"
   IFSUB.ATagTitle.field = description // title   
  }
 }
 
 2 = TMENU
 2 {
  expAll = 0
  noBlur = 1
  
  wrap = |
  
  NO = 1
  NO {
  	ATagParams = class="level2-no"
	ATagTitle.field = description // title
    linkWrap = <dd>|</dd>
  }
  
  CUR = 1
  CUR {
   doNotLinkIt = 1
   ATagParams = class="level2-act"
   ATagTitle.field = description // title
   linkWrap = <dd>|</dd>
  }
 }
}
 
lib.menu_2 = HMENU
lib.menu_2 {
 entryLevel = 2
 
 [gleich wie in der ersten Ebene]
}

Hier als Bild:
Bild: server.sywatec.de/…/menu.jpg

d.walter · 15. Mai 2008 11:17

Also imo fehlt da noch der Zustand ACT und dann funktioniert das ganze wegen deinem

ACTIFSUB = 0

natürlich nicht.

Da solltest du schon eine 1 draus machen. Dann solltest du vielleicht auch mal schauen, dass du hergehst und deinen NO - Definitionen an die anderen vererbst und dann nur das überschreibst was sich ändert. Macht das ganze viel übersichtlicher. Hilfe dazu findest du auf der Startseite vom Forum!

Daniel

Oli82 · 15. Mai 2008 11:41

Problem liegt an meiner Erfahrung mit TS, die ungefähr gleich 5% ist 😉

Hab es nun mal mit ACTIFSUB = 1 probiert und auch mal ein ACT, wie es in dem original TS des Templates ist getestet.

leider geht es damit immer noch nicht.

Wo finde ich einen Thread zur vererbung bzw. nach was muss ich suchen?

Danke schonmal für die Hilfe

d.walter · 15. Mai 2008 13:56

Schau dir mal das an...

/faq/menu-bulletlist

Das nächste was ich vorher übersehen habe special und entryLevel sollte man nie gemeinsam benutzen.

Daniel

Oli82 · 15. Mai 2008 16:48

Irgendwie bekomm ich´s nicht hin. Hab irgendwo nen Fehler im TS.
Da ich nicht wirklich viel Ahnung davon habe, werd ichs wohl nun komplett "versaut" haben, aber ich versuchs weiter 😉

Noch funktioniert das Menü, jedoch immer noch werden aktive Menüpunkte nicht richtig dargetsellt

temp.MenuLinks = HMENU
temp.MenuLinks {
	special = directory
	special.value = 1
	#excludeUidList = 12, 13, 14, 15
	wrap = <dl class="{$nav3_class}">|</dl>
		{
 1 = TMENU
 1 {
  expAll = 0
  noBlur = 1
  
  wrap = |
  
  NO = 1
  NO {
    linkWrap = <dt>|</dt>
	ATagParams = class="level1-no"
	ATagTitle.field = description // title
   IFSUB = 0
   IFSUB.linkWrap = <dt>|</dt>
   IFSUB.ATagParams = class="level1-no"
   IFSUB.ATagTitle.field = description // title
   ACT = 0
		ACT {
			linkWrap = <dt>|</dt>
			ATagParams = class="level1-no"
			ATagTitle.field = description // title
		    }
  }
  ACT = 1
		ACT {
			linkWrap = <dt>|</dt>
			ATagParams = class="level1-act"
			ATagTitle.field = description // title
		    }
  ACTIFSUB = 1
  ACTIFSUB.linkWrap = <dt>|</dt>
  ACTIFSUB.ATagParams = class="level1-act"
  ACTIFSUB.ATagTitle.field = description // title
  
   
  CUR = 1
  CUR {
   linkWrap = <dt>|</dt>
   doNotLinkIt = 1
   ATagParams = class="level1-act"
   IFSUB = 0
   IFSUB.linkWrap = <dt>|</dt>
   IFSUB.ATagParams = class="level1-act"
   IFSUB.ATagTitle.field = description // title   
  }
  ACT = 1
		ACT {
			linkWrap = <dt>|</dt>
			ATagParams = class="level1-act"
			ATagTitle.field = description // title
		    }
 }
 
 2 = TMENU
 2 {
  expAll = 0
  noBlur = 1
  
  wrap = |
  
  NO = 1
  NO {
    linkWrap = <dd>|</dd>
  	ATagParams = class="level2-no"
	ATagTitle.field = description // title
    
  }
  ACT = 0
		ACT {
			linkWrap = <dd>|</dd>
			ATagParams = class="level2-no"
			ATagTitle.field = description // title
		    }
  
  CUR = 1
  CUR {
  linkWrap = <dd>|</dd>
   doNotLinkIt = 1
   ATagParams = class="level2-act"
   ATagTitle.field = description // title
  }
  ACT = 1
		ACT {
			linkWrap = <dd>|</dd>
			ATagParams = class="level2-no"
			ATagTitle.field = description // title
		    }
 }
}

d.walter · 15. Mai 2008 17:54

Ohne Gewähr...

temp.MenuLinks = HMENU
temp.MenuLinks {
        special = directory
        special.value = 1
        #excludeUidList = 12, 13, 14, 15
        wrap = <dl class="{$nav3_class}">|</dl>
                {
 1 = TMENU
 1 {
  expAll = 0
  noBlur = 1
  
  wrap = |
  
  NO = 1
  NO {
    linkWrap = <dt>|</dt>
    ATagParams = class="level1-no"
    ATagTitle.field = description // title
     }

   ACT <.NO 
   ACT {
    ATagParams = class="level1-act"
     }
  
  ACTIFSUB <.ACT

  CUR <.ACT
  CUR {
   doNotLinkIt = 1
     }

  
 
 2 <.1
 2 {
  NO {
    linkWrap = <dd>|</dd>
    ATagParams = class="level2-no"
    ATagTitle.field = description // title
      }

  ACT <.NO
  
  CUR <.NO
  CUR {
   doNotLinkIt = 1
   ATagParams = class="level2-act"
  }
 }
}

d.walter · 15. Mai 2008 17:54

Ohne Gewähr...

temp.MenuLinks = HMENU
temp.MenuLinks {
        special = directory
        special.value = 1
        #excludeUidList = 12, 13, 14, 15
        wrap = <dl class="{$nav3_class}">|</dl>
                {
 1 = TMENU
 1 {
  expAll = 0
  noBlur = 1
  
  wrap = |
  
  NO = 1
  NO {
    linkWrap = <dt>|</dt>
    ATagParams = class="level1-no"
    ATagTitle.field = description // title
     }

   ACT <.NO 
   ACT {
    ATagParams = class="level1-act"
     }
  
  ACTIFSUB <.ACT

  CUR <.ACT
  CUR {
   doNotLinkIt = 1
     }

  
 
 2 <.1
 2 {
  NO {
    linkWrap = <dd>|</dd>
    ATagParams = class="level2-no"
    ATagTitle.field = description // title
      }

  ACT <.NO
  
  CUR <.NO
  CUR {
   doNotLinkIt = 1
   ATagParams = class="level2-act"
  }
 }
}

Ich hoffe, ich habe jetzt kein Klammerfehler gemacht.

Daniel

d.walter · 15. Mai 2008 17:55

Ohne Gewähr...

temp.MenuLinks = HMENU
temp.MenuLinks {
        special = directory
        special.value = 1
        #excludeUidList = 12, 13, 14, 15
        wrap = <dl class="{$nav3_class}">|</dl>
                {
 1 = TMENU
 1 {
  expAll = 0
  noBlur = 1
  
  wrap = |
  
  NO = 1
  NO {
    linkWrap = <dt>|</dt>
    ATagParams = class="level1-no"
    ATagTitle.field = description // title
     }

   ACT <.NO 
   ACT {
    ATagParams = class="level1-act"
     }
  
  ACTIFSUB <.ACT

  CUR <.ACT
  CUR {
   doNotLinkIt = 1
     }
  }
  
 
 2 <.1
 2 {
  NO {
    linkWrap = <dd>|</dd>
    ATagParams = class="level2-no"
    ATagTitle.field = description // title
      }

  ACT <.NO
  
  CUR <.NO
  CUR {
   doNotLinkIt = 1
   ATagParams = class="level2-act"
  }
 }
}
}

Ich hoffe, ich habe jetzt kein Klammerfehler gemacht.

Daniel

Oli82 · 15. Mai 2008 18:59

Danke für die schnelle Antwort.

Leider bleibt der Fehler weiterhin bestehen. Der aktive Menüpunkt wird zu normalen Text und wird linksbündig gesetzt.

Kann es auch sein, dass es am css liegt?

.main-navigation h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 10px 10px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 10px 10px 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}
.main-navigation p.right {text-align:right;}

.main-navigation ul {list-style:none; margin:0.5em 10px 1.0em 20px;}
.main-navigation ul li {margin:5px 0 0.2em 2px; padding:0px 0px 0 11px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-navigation ol {margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 45px /*IE6*/;}
.main-navigation ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

d.walter · 16. Mai 2008 07:48

Kann man sich das vielleicht irgendwo schon live anschauen? Bin nicht wirklich der CSS-Checker.

Daniel

Oli82 · 16. Mai 2008 08:20

Ist derzeit noch auf nem VMWare Server, den ich leider nicht online bekomme, da hier im Netzwerk bereits ein Webserver läuft.

Ich kann dir aber alles zukommen lassen, was du benötigst

d.walter · 16. Mai 2008 10:09

Du könntest mir ja mal einen Auszug vom HTML des Menüs zeigen, damit man sieht was er genau macht wenn du auf ein Untermenü klickst.

Was ich gerade noch gesehen habe, du benutzt im CSS ul und li in deinem Template aber dd und dt - vielleicht liegt es daran, aber wie gesagt mit CSS kenn ich mich nicht wirklich aus!

Daniel

Oli82 · 16. Mai 2008 10:12

Habe den Fehler gefunden!

Es lag am "doNotLinkIt".
Kommentiere ich es aus, wird der aktive Menüpunkt zwar weiterhin als link angezeigt, seine Formatierung bleibt aber erhalten.

Ich danke dir vielmals für deine Hilfe

d.walter · 16. Mai 2008 10:54

#angry# #angry# #angry#
Ist ja auch klar, bei doNotLinkIt fehlt der href.

Daniel

Oli82 · 16. Mai 2008 12:20

Und schon stellt sich das nächste Problem.
War wohl doch etwas zu voreilig.

Wenn ich eine "3. Ebene" erzeugen will, also den unterpunkten weitere Unterpunkte zuordne, erscheinen diese nicht im Menü.

Muss ich nun dem ACTIFSUB ein weiteres ACTIFSUB hinzufügen oder wie kann ich das bewerkstelligen?

d.walter · 16. Mai 2008 12:24

Nein, du musst lediglich die dritte Menüebene auch definieren, bisher hast du ja nur bis zur zweiten.

Füge einfach mal folgendes ins TS ein:

...
 2 <.1
 2 {
  NO {
    linkWrap = <dd>|</dd>
    ATagParams = class="level2-no"
    ATagTitle.field = description // title
      }
 
  ACT <.NO
  
  CUR <.NO
  CUR {
   doNotLinkIt = 1
   ATagParams = class="level2-act"
  }
 }
 3 <.2
}
}

Oli82 · 16. Mai 2008 12:30

Sagenhaft 😉

Danke, es klappt.
Jetzt muss ich nur noch hin bekommen, dass die elemente eine andere formatierung bekommen.

Also nun gehts erst mal ans css #paralyzed#

Vielen vielen Dank für die schnelle Hilfe