Zum Inhalt springen

breadcrumpath menu mit drop down in die nächste Ebene

Erstellt am 11. Juli 2012 · 1 Antwort · letzte Antwort am 11. Juli 2012

Tags: Frage

mchenzi ·

Herausforderung

Ich möchte einen Breadcrumpath bauen der von unten anfängt (also Ebene 1 in dem Fall) und bis zur derzeit aktiven Ebene den Weg anzeigt.. Das ist ja Standard. Jetzt würde ich aber gerne im letzten Item (also aktive Seite) ein drop down menu in die nächste Ebene einzeigen bei mouse over (den Teil bekomme ich hin da es ja nur css ist)
Ich bekomme aber die aktuelle Seite nicht dazu mir den nächsten Level auszuspucken und in ein UL li gebilde zu packen. HIer ist mein Ansatz.

#### Breadcrum lib.breadcrumpath
   lib.breadcrumpath = COA
   lib.breadcrumpath {
      10=HMENU
      10{
         special = rootline
         #special.range = 1|-1
         special.range = 1|-1
         1 = TMENU
	 1 {
		NO.linkWrap =  | >
		CUR = 1
		CUR.linkWrap = <span class="breadAct">&nbsp;|&nbsp;</span>
		CUR.doNotLinkIt = 1
                CUR.stdWrap.cObject = TMENU
	        CUR.stdWrap.cObject.1 {
		  wrap = <ul id="nav1">|</ul>
		  noBlur = 1
		  NO = 1
		  NO {
			wrapItemAndSub = <li>|</li>
			stdWrap.htmlSpecialChars = 1
			ATagTitle.field = title
		    }
		  ACT <.NO
		  ACT {
			wrapItemAndSub = <li id="nav1act">|</li>
		  }
	        }
	   }
        }
   }
#### END breadcrum

Falls jemand da einen Ansatz hat der zu mergebnis führen würde dann wär ich da mal echt froh drum. Alternativ kann ich nattürlich was anderes bauen aber das wäre doch mal schick.

Gruß und Dank

mchenzi ·

Ich löse es mal selber...
Habe das jetzt so gemacht... ist vielleicht nicht schön aber dafür selten

#### Breadcrum lib.breadcrumpath
   lib.breadcrumpath = COA
   lib.breadcrumpath {
      10=HMENU
      10{
         special = rootline
         special.range = 1|-1
         1 = TMENU
	 1 {
		NO.linkWrap = &nbsp;|&nbsp;&gt;
		CUR = 1
		CUR.linkWrap = <span class="breadAct">&nbsp;|&nbsp;
		CUR.doNotLinkIt = 1
                #CUR.wrap = <div id="bread">|
            }
        }
      20 = HMENU
      20.special = directory
      20 {
	1 = TMENU
	1 {
		wrap = <ul id="breadnav">|</ul>
		noBlur = 1
		NO = 1
		NO {
			wrapItemAndSub = <li>|</li>
			stdWrap.htmlSpecialChars = 1
			ATagTitle.field = title
		}
		ACT <.NO
		ACT {
			wrapItemAndSub = <li id="breadnavact">|</li>
		}
	}        
    }
    30 = TEXT
    30.value = </span>
   }
#### END breadcrum

Das css dazu

/*Breadcrump + dropdown*/
span.breadAct{
	position:relative;
	height:auto;
}
span.breadAct ul{
	display:none;
	position: absolute;
        top: -999em;
        width: 250px;
	list-style:none;
	margin:0 0 0 99%;
}
span.breadAct:hover ul{
	display:inline;
	border:1px solid #333;
	background-color:#fff;
	left:0;
	top:0;
}

wenns jemand gebrauchen kann.. es sieht gar nicht so schlecht aus und ist sinnvoll.