TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

jetzt buchen
Forum » TYPO3 CMS: TypoScript » Menüs

Finde Fehler beim Einbau von udm-Menü nicht


Autor Nachricht
Verfasst am: 08. 10. 2007 [11:21]
hoellix
Themenersteller
Dabei seit: 29.03.2007
Beiträge: 30
 Hallo,
ich bin ein Anfänger und versuche nun bereits seit über einer Woche das/ein udm4-Menü nach diesem Tutorial einzubauen: www.css-tutorials.de/typo3tutorials/ultimatedropdown.html

Mein TS sieht so aus:
TYPOSCRIPT
# 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:
TYPOSCRIPT
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:
HTML
<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:
HTML
.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
Profil
Verfasst am: 09. 10. 2007 [17:15]
hoellix
Themenersteller
Dabei seit: 29.03.2007
Beiträge: 30
 Keiner eine Idee?

Ich bin am Verzweifeln icon_cry.gif
Profil
Verfasst am: 09. 10. 2007 [17:30]
kitsunet
Moderator
Dabei seit: 02.02.2006
Beiträge: 2285
 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.
@daskitsunet
http://www.kitsunet.com/
Certified TYPO3 Integrator
TYPO3 Flow and Neos Core Team
ProfilWWWSkype
Verfasst am: 10. 10. 2007 [11:15]
hoellix
Themenersteller
Dabei seit: 29.03.2007
Beiträge: 30
 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?
Profil
Verfasst am: 10. 10. 2007 [13:31]
kitsunet
Moderator
Dabei seit: 02.02.2006
Beiträge: 2285
 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...
@daskitsunet
http://www.kitsunet.com/
Certified TYPO3 Integrator
TYPO3 Flow and Neos Core Team
ProfilWWWSkype
Verfasst am: 10. 10. 2007 [14:31]
hoellix
Themenersteller
Dabei seit: 29.03.2007
Beiträge: 30
 Daran hat es gelegen. Vielen Dank!!!
Profil