Zum Inhalt springen

Finde Fehler beim Einbau von udm-Menü nicht

Erstellt am 8. Oktober 2007 · 5 Antworten · letzte Antwort am 10. Oktober 2007

Tags: Frage

hoellix ·

Hallo,
ich bin ein Anfänger und versuche nun bereits seit über einer Woche das/ein udm4-Menü nach diesem Tutorial einzubauen: http://www.css-tutorials.de/typo3tutorials/ultimatedropdown.html

Mein TS sieht so aus:

# Default PAGE object:
page = PAGE
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page

page.headerData.10 = COA
page.headerData.10 = TEXT
page.headerData.10.value (
  <script type="text/JavaScript" src="fileadmin/template/udm/udm-custom.js"></script>
  <script type="text/JavaScript" src="fileadmin/template/udm/udm-control.js"></script>
  <script type="text/JavaScript" src="fileadmin/template/udm/udm-style.js"></script>
)
page.includeCSS.file1 = fileadmin/template/udm/udm-style.css

lib.nav < temp.nav_3ebenen 

page.typeNum = 0
page.5 = HTML
page.5.value = <script type="text/javascript" src="fileadmin/template/udm/udm-dom.js"></script>
page.6 = HTML
page.6.value = <script type="text/javascript" src="hfileadmin/template/udm/udm-mod-keyboard.js"></script>

mein extTemplate mit dem Namen nav_3ebenen sieht so aus:

temp.nav_3ebenen = HMENU
temp.nav_3ebenen.wrap = | 
temp.nav_3ebenen.excludeUidList = 
temp.nav_3ebenen {
	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="udm" class="udm">|</ul>
		noBlur = 1
		NO {
			wrapItemAndSub = <li class="onclick">|</li>
			stdWrap = upper
			ATagTitle.field = description // title
		}
	}
	
	2 < .1
	2 	{
		wrap = <ul>|</ul>
		NO {
			wrapItemAndSub = <li class="onclick">|</li>
			stdWrap = upper
			ATagTitle.field = description // title
		}
	}

	3 < .2
	3 {
		wrap = <ul>|</ul>
		NO {
			wrapItemAndSub = <li class="onclick">|</li>
			stdWrap = upper
			ATagTitle.field = description // title
		}
	}
}

XML:

<field_nav type="array">
				<tx_templavoila type="array">
					<title>Navigation</title>
					<description>Hier steht die Navigation</description>
					<sample_data type="array">
						<numindex index="0"></numindex>
					</sample_data>
					<etype>TypoScriptObject</etype>
					<etype_extra type="array">
						<objpath>lib.nav</objpath>
					</etype_extra>
					<typoscriptobjpath>lib.nav</typoscriptobjpath>
				</tx_templavoila>
			</field_nav>

und CSS so:

.udm,.udm li,.udm ul {
	margin:0;
	padding:0;
	list-style-type:none;
	}
.udm {
	position:absolute;
	left:0;
	top:0;
	z-index:20000;
	width:7.5em;
	cursor:default !important;
	border:none;
	text-align:left;
	}
.udm {
	margin-left:0.5em;
	margin-top:0.5em;
	}
.udm li {
	display:block;
	width:7.5em;
	position:static;
	}
@media Screen,Projection {
	:root .udm/**/[class="udm"] li {
	position:relative;
	}}
@media Screen,Projection {
	:root .udm/**/[class="udm"] ul li {
	position:relative;
	}}
.udm li a {
	position:relative;
	display:block;
	}
.udm li {
	margin-bottom:1px;
	}
.udm ul li {
	margin-bottom:0;
	}
.udm ul a {
	margin:0;
	}
.udm ul li {
	margin-bottom:0px !important;
	}
.udm ul li:first-child {
	margin-top:0px;
	}
.udm ul a {
	margin-top:0;
	margin-right:0px !important;
	margin-bottom:0;
	margin-left:0px !important;
	}
.udm ul {
	background-image:none;
	background-color:#f8fbd0;
	cursor:default !important;
	width:9.8em;
	height:auto;
	border-width:1px;
	border-color:#bdb #080 #080 #bdb;
	border-style:solid;
	position:absolute;
	z-index:20100;
	padding:2px;
	}
.udm ul li {
	cursor:default !important;
	width:100%;
	position:static;
	float:none;
	}
.udm ul {
	display:none;
	visibility:hidden;
	}
html/**/[xmlns] .udm u\l {
	display:block;
	visibility:visible;
	height:0;
	overflow:scroll;
	left:-10000px;
	}
@media screen,projection {
	* html .udm ul  {
	display:block;
	visibility:visible;
	height:0;
	overflow:scroll;
	top:-10000px;
	}}
ul.udm/**/[class^="udm"] u\l {
	display:block;
	visibility:visible;
	height:0;
	overflow:visible;
	left:-1000em;
	}
.udm a .udmA {
	visibility:hidden;
	margin:0 9px;
	display:block;
	cursor:pointer !important;
	position:absolute;
	right:0;
	top:0;
	text-align:right;
	border:none;
	cursor:inherit !important;
	}
.udm a .udmA img {
	display:block;
	}
.udm ul a .udmA {
	margin:0 5px;
	}
* html .udm a .udmA {
	right:1px;
	top:1px;
	}
* html .udm ul a .udmA {
	right:1px;
	top:1px;
	}
.udm .udmS {
	margin-left:2px;
	margin-top:2px;
	}
.udm .udmS {
	background-image:url(fileadmin/template/udm/greenshadow.png);
	cursor:default !important;
	position:absolute;
	z-index:20050;
	width:auto;
	height:auto;
	left:0px;
	top:0px;
	display:none;
	filter:alpha(opacity=50);
	}
.udm a,.udm a:link,.udm a.nohref {
	background-image:none;
	background-color:#ffc;
	cursor:pointer !important;
	z-index:1000;
	text-align:left;
	border-style:solid;
	border-color:#ead4a4 #edbb85 #edbb85 #ead4a4;
	padding-left:9px;
	padding-right:9px;
	padding-top:5px !important;
	padding-bottom:5px !important;
	text-decoration:none;
	color:#008000;
	border-width:1px;
	font-style:normal;
	font-family:tahoma,sans-serif;
	font-weight:bold !important;
	}
.udm a,.udm a.nohref {
	font-size:75%;
	}
.udm a .udmA,.udm a:link .udmA,.udm a.nohref .udmA {
	font-family:tahoma,sans-serif;
	font-weight:bold !important;
	}
.udm li a,.udm li a:link,.udm li a.nohref,.udm li a:visited {
	letter-spacing:1px !important;
	}
.udm li a:visited {
	background-image:none;
	background-color:#ffc;
	border-width:1px;
	color:#008000;
	font-style:normal;
	border-style:solid dashed solid solid;
	border-color:#ead4a4 #edbb85 #edbb85 #ead4a4;
	}
.udm li a.udmR,.udm li a.udmY,.udm li a.udmR:visited,.udm li a.udmY:visited,.udm li a:hover,.udm li a:focus,.udm li a.nohref:hover,.udm li a.nohref:focus {
	font-style:normal;
	background-image:none;
	background-color:#ffe;
	text-decoration:none;
	color:#b05010;
	border-color:#ead4a4 #ead4a4 #fae4b4 #fae4b4;
	border-style:solid;
	border-width:1px;
	}
* html .udm li a:active {
	font-style:normal;
	background-image:none;
	background-color:#ffe;
	text-decoration:none;
	color:#b05010;
	border-color:#ead4a4 #ead4a4 #fae4b4 #fae4b4;
	border-style:solid;
	border-width:1px;
	}
.udm ul a,.udm ul a:link,.udm ul a.nohref {
	background-image:none;
	background-color:transparent;
	text-align:left;
	border-width:1px;
	border-style:solid;
	border-color:#f8fbd0;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px !important;
	padding-bottom:2px !important;
	text-decoration:none;
	color:#060;
	font-style:normal;
	font-size:70%;
	font-family:tahoma,sans-serif;
	font-weight:normal !important;
	}
.udm ul a .udmA,.udm ul a:link .udmA,.udm ul a.nohref .udmA {
	font-family:tahoma,sans-serif;
	font-weight:normal !important;
	}
.udm ul li a:visited,* html .udm ul li a:visited {
	background-image:none;
	background-color:transparent;
	color:#060;
	font-style:normal;
	border-width:1px;
	border-style:solid;
	border-color:#f8fbd0;
	}
.udm ul li a.udmR,.udm ul li a.udmY,.udm ul li a.udmR:visited,.udm ul li a.udmY:visited,.udm ul li a:hover,.udm ul li a:focus,.udm ul li a.nohref:hover,.udm ul li a.nohref:focus,.udm ul li a:visited:hover {
	font-style:normal;
	background-image:none;
	background-color:#ecefc6;
	text-decoration:none;
	color:#000;
	border-color:#aca;
	border-style:solid;
	border-width:1px;
	}
* html .udm ul li a:active {
	font-style:normal;
	background-image:none;
	background-color:#ecefc6;
	text-decoration:none;
	color:#000;
	border-color:#aca;
	border-style:solid;
	border-width:1px;
	}
.udm a.nohref,.udm ul a.nohref {
	cursor:default !important;
	}
.udm h3,.udm h4,.udm h5,.udm h6 {
	display:block;
	background:none;
	margin:0;
	padding:0;
	border:none;
	font-size:1em;
	font-weight:normal;
	text-decoration:none;
	}
.udm h1,.udm h2,.udm h3,.udm h4,.udm h5,.udm h6 {
	width:100%;
	}
@media screen,projection {
	* html .udm li {
	display:inline;
	}}
@media screen,projection {
	* html .udm li,* html .udm ul li {
	display/**/:block;
	float/**/:left;
	}}
ul[class$="udm"].udm li,ul[class$="udm"].udm ul li {
	display:block;
	float:left;
	}
ul[class$="udm"].udm:not([class="xxx"]) li {
	float:none;
	}
ul[class$="udm"].udm:not([class="xxx"]) ul li {
	float:none;
	}
@media all and (min-width:0px) {
	ul[class$="udm"].udm li {
	float:none;
	}}
@media all and (min-width:0px) {
	ul[class$="udm"].udm ul li {
	float:none;
	}}
select {
	visibility:visible;
	}
.udm .udmC {
	position:absolute;
	left:0;
	top:0;
	z-index:20020;
	width:auto;
	height:auto;
	filter:alpha(opacity=0);
	}
.udm ul.orangeMenu {
	width:8em;
	border-color:#fdcb95 #a97742 #a97742 #fdcb95;
	border-style:solid;
	background-image:none;
	background-color:#fec;
	}
.udm span.orangeMenu {
	margin-left:2px;
	margin-top:2px;
	}
.udm span.orangeMenu {
	background-image:url(fileadmin/template/udm/orangeshadow.png);
	filter:none;
	filter:alpha(opacity=50);
	}
.udm li.orangeMenuItem a,.udm li.orangeMenuItem a:link,.udm li.orangeMenuItem a.nohref {
	border-color:#fec;
	border-style:solid;
	border-width:1px;
	background-image:none;
	background-color:#fec;
	text-decoration:none;
	text-align:left;
	color:#803090;
	font-style:normal;
	font-size:70%;
	}
.udm li.orangeMenuItem a,.udm li.orangeMenuItem a:link,.udm li.orangeMenuItem a.nohref .udmA,.udm li.orangeMenuItem a,.udm li.orangeMenuItem a.nohref .udmA {
	font-family:tahoma,sans-serif;
	font-weight:normal !important;
	}
.udm ul li.orangeMenuItem a:visited,* html .udm ul li.orangeMenuItem a:visited {
	background-image:none;
	background-color:#fec;
	color:#803090;
	font-style:normal;
	border-width:1px;
	border-color:#fec;
	border-style:solid;
	}
.udm ul li.orangeMenuItem a.udmR,.udm ul li.orangeMenuItem a.udmY,.udm ul li.orangeMenuItem a.udmR:visited,.udm ul li.orangeMenuItem a.udmY:visited,.udm ul li.orangeMenuItem a:hover,.udm ul li.orangeMenuItem a:focus,.udm ul li.orangeMenuItem a.nohref:hover,.udm ul li.orangeMenuItem a.nohref:focus,.udm ul li.orangeMenuItem a:visited:hover {
	background-image:none;
	background-color:#f8fbd0;
	text-decoration:none;
	color:#5656bd;
	border-width:1px;
	border-color:#edbb85;
	border-style:solid;
	font-style:normal;
	}
* html .udm li.orangeMenuItem a:active {
	background-image:none;
	background-color:#f8fbd0;
	text-decoration:none;
	color:#5656bd;
	border-width:1px;
	border-color:#edbb85;
	border-style:solid;
	font-style:normal;
	}

Jedoch wird kein Menü im FE ausgegeben. Ich hoffe sehr, dass mir jemand weiterhelfen kann.

Grüße

Unbekannter Benutzer ·

Also ich könnte mir vorstellen, dass lib.nav existieren muss, wenn templavoila aufgerufen wird, also ändere mal die Reihenfolge und schreib:

lib.nav < temp.nav_3ebenen

in die erste Zeile, und prüf ob du das ext Template auch eingebunden hast.

hoellix ·

das Verschieben von lib.nav < temp.nav_3ebenen in die erste Zeile brachte keinen Erfolg.

Ich fürchte ich habe das extTemplate nicht eingebunden. Kannst du mir einen Tipp geben wie und wo ich dies tun muss?

Unbekannter Benutzer ·

Du gehst links im Menü auf Template, dann auf die Seite wo das root Template ist und klickst auf "Click here to edit whole template record". Dann runter scrollen bis "include basis template", dort suchst du dir dann dein ext Template raus...