---
title: "Breadcrumb-Menü mit Selectboxen"
url: "https://www.typo3.net/d/90835-breadcrumb-menue-mit-selectboxen"
source: "typo3.net"
tags: ["TYPO3","Menüs","Frage"]
created: "2009-06-26"
last_reply: "2009-07-07"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Breadcrumb-Menü mit Selectboxen

TYPO3 › Menüs · 2 Antworten · gestartet 2009-06-26

## Eröffnungsbeitrag

**ristic** · 2009-06-26 · [Beitrag #1](https://www.typo3.net/d/90835-breadcrumb-menue-mit-selectboxen/1)

Hi Leute,

versuche gerade ein Breadcrumb-Menü mit Selectboxen umzusetzen. Aufbauend auf dem Dropdownmenü-Beispiel von hier: [/d/65143-die-wichtigsten-menues-in-typo3-auf-einem-blick](https://www.typo3.net/d/65143-die-wichtigsten-menues-in-typo3-auf-einem-blick)

Hab es ein wenig umgebaut, aber so funktioniert es leider nicht wirklich.

```typoscript
temp.breadCrumb= HMENU
temp.breadCrumb {
	entryLevel = 1
	expAll = 1
	
	1 = TMENU
	1 { 
	  wrap = <form action=""><select onchange="window.location=this.options[this.selectedIndex].value">|</select></form>

		NO {
			doNotLinkIt = 1
			stdWrap.cObject = COA
			stdWrap.cObject {
				10 = TEXT
				10 {
				  
					wrap = <option value="{getIndpEnv:TYPO3_SITE_URL}|">
					insertData = 1
					typolink {
						parameter.field = uid
						returnLast = url
					}
				}

				20 = TEXT
				20 {
					field = subtitle//title
					wrap =  |</option>
				}
 	 		}
		}

		CUR <.NO
	  CUR = 1
		CUR {	
			stdWrap.cObject.10.wrap = <option selected="selected" value="{getIndpEnv:TYPO3_SITE_URL}|"> 
		}
	}
}
```

falls ich die zweite Navigation vererbe spuckt er mir folgenden HTML-Code aus.

```typoscript
<form action="">
	<select onchange="window.location=this.options[this.selectedIndex].value">
    	<option value="url">LINK</option>
        <option selected="selected" value="url">LINKUNTERMENÜ</option>
        
        <form action="">
        	<select onchange="window.location=this.options[this.selectedIndex].value">
            	<option value="url">LINK</option>
                <option value="url">LINK</option>
             </select>
         </form>
         
         <option value="url">LINK</option>
         <option value="url">LINK</option>
     </select>
</form>
```

Was natürlich gar nicht geht. Eigentlich sollte die erste Selectbox mit allen Punkten ausgegeben werden und falls das LINKUNTERMENÜ ausgewählt wird, eine neue Selectbox daneben erscheinen, mit allen weiteren Navigationspunkten usw.

Noch mal zum Verständnis ein kleiner Screener.
[Bild: release.techdivision.com/…/breadcrumb.jpg](http://release.techdivision.com/test/breadcrumb.jpg)

Wäre super wenn ihr mir weiterhelfen könnt.

## Antworten

### [#2](https://www.typo3.net/d/90835-breadcrumb-menue-mit-selectboxen/2) · ristic · 2009-06-30

Bisher bin ich noch nicht viel weitergekommen. Aber ich denke auf dem richtigen Weg bin ich schonmal.

```typoscript
if.isTrue.numRows {
  table = pages
  select {
    pidInList.data = {page:uid}
  }
  # Falls eine Seite mit Unterseiten vorhanden, und diese aktiv ist, sollte eine neue Selectbox erzeugt werden
 }
}
```

Wo und wie ich das genau einbaue ist die Frage? #angry# Hab schon einiges Probiert.

Jedenfalls das Ganze dann mit diesem Splitmenü kombinieren...
<http://www.typo3wizard.com/de/snippets/menus/menue-dynamisch-in-2-teile-aufteilen.html>

Vielleicht wisst ihr mehr?

### [#3](https://www.typo3.net/d/90835-breadcrumb-menue-mit-selectboxen/3) · ristic · 2009-07-07

Hi Leute,

letztendlich konnte ich mir die Antwort wieder selbst geben.

Hier der Code vielleicht braucht ihn ja mal jemand. Und evtl. kann/will ihn ja noch jemand verkürzen. :D Ab Level 2 im Menü geht es los, was vom Kunden so gewünscht war.

```typoscript
temp.breadCrumb = COA
temp.breadCrumb {
  10 = HMENU
  10 {
    entryLevel = 1
    wrap = <form id="level1" action=""><p>|</p></form>
    
    1 = TMENU
    1 {
    	wrap = <select name="id" onChange="window.location=this.options[this.selectedIndex].value">|</select>
    	NO = 1
    	NO {
    		doNotLinkIt = 1
    		stdWrap.cObject = COA
    		stdWrap.cObject {
    			10 = TEXT
					10 {
						wrap = <option value="{getIndpEnv:TYPO3_SITE_URL}|">
						insertData = 1
						typolink {
							parameter.field = uid
							returnLast = url
						}
					}
					
    			20 = TEXT
					20 {
						field = subtitle//title
						wrap =  |</option>
					}
    		}
    	}
    	ACT < .NO
    	ACT {
    		stdWrap.cObject.10 {
    			wrap = <option selected="selected" value="{getIndpEnv:TYPO3_SITE_URL}|"> 
    		}
    	}
    }
  }
  20 < .10
  20 {
  	entryLevel = 2
  	wrap = <form id="level2" action=""><p>|</p></form>
  	
  	1 {
  		NO {
  			stdWrap.cObject {
  				10 = TEXT
					10 {
						wrap = <option value="{getIndpEnv:TYPO3_SITE_URL}|">
						insertData = 1
						typolink {
							parameter.field = uid
							returnLast = url
						}
					}
					20 = TEXT
					20 {
						field = subtitle//title
						wrap =  |</option>
					}
				}
  		}
  		ACT {
  			stdWrap.cObject.10 {
    			wrap = <option selected="selected" value="{getIndpEnv:TYPO3_SITE_URL}|"> 
    		}
  		}
  	}
  }
  30 < .10
  usw...
}
```

Eine "action" brauchen wir hier nicht, da das Ganze mit JavaScript passiert. "id="level1"" ist für die Ausrichtung mit CSS, das man die Geschichte auch Floaten kann. Voilà hat man eine schöne SelectBoxBreadcrumb wie auf dem Screenshot.

---

Quelle: „Breadcrumb-Menü mit Selectboxen“, typo3.net, https://www.typo3.net/d/90835-breadcrumb-menue-mit-selectboxen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.