Zum Inhalt springen

3 Menüs

Erstellt am 28. Januar 2008 · 12 Antworten · letzte Antwort am 31. Januar 2008

Tags: Frage

boki_s78 ·

Hallo Leute!
Bin anfänger in Typo3 und versuche 3 vertikale Menus zu erstellen. Im Firefox funzt alles problemlos und im I.E. 06+ zeigt nur das erste menu mit submenus und das zweite und dritte ist angezeigt, aber die Submenus funktionieren im I.E. nicht.

Menu1(sysordner)
link
link
-sublink (Firefox und I.E OK!)
-sublink (Firefox und I.E OK!)

Menu2(sysornder)
link
link
-sublink (Firefox OK, IE. Nicht sichtbar)
-sublink (Firefox OK, IE. Nicht sichtbar)

TS:

# Default PAGE object:
page = PAGE
page.stylesheet = uploads/tf/css.css
page.headerData = COA
page.headerData.10 = TEXT
page.headerData.10.value = <script type="text/javascript" src="uploads/tf/menu.js"></script>

page.10 = TEMPLATE
page.10.workOnSubpart = DOCUMENT_BODY
page.10.template = FILE
page.10.template.file = Index_03.html

page.10.subparts.CONTENT_MAIN < styles.content.get
page.10.subparts.MENU1 < styles.content.get
page.10.subparts.MENU1 = COA
page.10.subparts.MENU1.10 = HTML
page.10.subparts.MENU1.20 = HMENU
page.10.subparts.MENU1.20 {
special = directory
special.value = 246
wrap = <ul> | </ul>
1 = TMENU
1.NO.linkWrap = <li> | </li>

}

#das menu ist sichtbar in ie und firefox
page.10.subparts.MENU2 = HMENU
page.10.subparts.MENU2 {
special = directory
wrap = <h1>Light Commercial</h1>
special.value = 245
entryLevel = 0
1 = TMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li>|</li>

IFSUB = 1
IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
ACTIFSUB < .IFSUB

}
2 < .1
2.wrap = <ul>|</ul>

3 < .2
4 < .2
}

#submenus in ie nicht sichtbar
page.10.subparts.MENU3 = HMENU
page.10.subparts.MENU3 {
special = directory
wrap = <h1>Gewerblich</h1>
special.value = 172
entryLevel = 0
1 = TMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li>|</li>

IFSUB = 1
IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
ACTIFSUB < .IFSUB

}
2 < .1
2.wrap = <ul>|</ul>

3 < .2
4 < .2
}

#submenus in ie nicht sichtbar
page.10.subparts.MENU4 = HMENU
page.10.subparts.MENU4 {
special = directory
wrap = <h1>Light Commercial</h1>
special.value = 185
entryLevel = 0
1 = TMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li>|</li>

IFSUB = 1
IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
ACTIFSUB < .IFSUB

}
2 < .1
2.wrap = <ul>|</ul>

3 < .2
4 < .2
}

Weiss echt nicht wo das Problem ist.
Danke im vorraus!

brink ·

Hallo,

kann man das auch Live sehen. Ich Tip mal auf einen Fehler im CSS Stylesheet.

Gruss
Joachim Brink

boki_s78 ·

Mal ne andere Frage, funktioniert Javascript wenn man die verknüpfung in Quelentext sieht? Will wissen ob meine verknüpfung richtig ist..... denke die ist falsh weil wenn ich die auskommentiere funktioniert sie für Firefox immernoch.

In I.E. Quelentext:

<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!--
This website is powered by TYPO3 - inspiring people to share!
TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
TYPO3 is copyright 1998-2006 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
Information and contribution at http://typo3.com/ and http://typo3.org/
-->

<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_eaf88a6e6c.css" />
<link rel="stylesheet" type="text/css" href="uploads/tf/tadiair.css" />
<script type="text/javascript" src="uploads/tf/menu.js"></script>
<title>Tadiair</title>
<meta name="generator" content="TYPO3 4.1 CMS" />
<script type="text/javascript" src="typo3temp/javascript_757c080409.js"></script>

</head>

Mein menu.js:

// JavaScript Document
function IEHoverPseudo() {

var navItems = document.getElementById("nav").getElementsByTagName("li");

for (var i=0; i<navItems.length; i++) {
if(navItems[​i].className == "menuparent") {
navItems[​i].onmouseover=function() { this.className += " over"; }
navItems[​i].onmouseout=function() { this.className = "menuparent"; }
}
}

}
window.onload = IEHoverPseudo;

Mein TS für javascript:
# Default PAGE object:
page = PAGE
page.stylesheet = uploads/tf/tadiair.css

page.headerData = COA
page.headerData.10 = TEXT
page.headerData.10.value = <script type="text/javascript" src="uploads/tf/menu.js"></script>

boki_s78 ·

Habe es gerade offline getestet ob es javascript annimt.
In I.E.:

Menu1(sysordner)
link (sichtbar OK!)
link (sichtbar OK!)
-sublink (Firefox und I.E OK!)
-sublink (Firefox und I.E OK!)

Menu2(sysornder)
link (sichtbar OK!)
link (sichtbar OK!)
-sublink (Firefox OK, IE. Nicht sichtbar)
-sublink (Firefox OK, IE. Nicht sichtbar)

Menu3(sysornder)
link (sichtbar OK!)
link (sichtbar OK!)
-sublink (Firefox OK, IE. Nicht sichtbar)
-sublink (Firefox OK, IE. Nicht sichtbar)

Also, ich denke daß es nur für das erste menu das javascript annimt und nicht für die weitere Menüs. Javascript funzt in I.E. garnicht bei auskommentieren. Also der path is okay!

boki_s78 ·

Kann mir wenigstens jemand helfen wie ich <h1> in einem menu erstelle?

Menu1(sysordner)
link
link
-sublink
-sublink
<h1>menu2</h1> (wie bekomme ich sowas?)
link
link
-sublink
-sublink
<h1>menu3</h1>(wie bekomme ich sowas?)
link
link
-sublink
-sublink

boki_s78 ·

Erstmal DANKE für deine Antwort!Gelesen habe ich es schon, ich blicke es nicht warum mein zweites Menu nicht in I.E. funzt.

Die zwei sind doch gleich! wieso funzt nur einer in i.e!?!?!? bin echt am verzweifeln!javascript:emoticon('#angry#')
javascript:emoticon('#angry#')

#funktioniert!
page.10.subparts.MENU2 = HMENU
page.10.subparts.MENU2 {
special = directory
wrap = <h1>Navigation</h1>
special.value = 245
entryLevel = 0
1 = TMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li>|</li>

IFSUB = 1
IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
ACTIFSUB < .IFSUB

}
2 < .1
2.wrap = <ul>|</ul>
}
#funktioniert submenu nicht!
page.10.subparts.MENU3 = HMENU
page.10.subparts.MENU3 {
special = directory
wrap = <h1>Gewerblich</h1>
special.value = 172
entryLevel = 0
1 = TMENU
1 {
expAll = 1
wrap = <ul id="nav">|</ul>
noBlur = 1
NO = 1
NO.wrapItemAndSub = <li>|</li>
IFSUB = 1
IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
ACTIFSUB < .IFSUB

}
2 < .1
2.wrap = <ul>|</ul>
}

In dem Doku habe ich leider keine Beispiele gesehen. Bitte um hilfe
Ein Beispiel währe mir sehr hilfreich! Oder das mit Wrap oder COA. Werde noch weiter lesen. Mir gehts halt um ein Menü mit Submenus und Überschrifte die diese menüs trennen.

SLAng ·

EntryLevel und special = directory funktionieren zusammen nicht, machen aber auch gemeinsam gar keinen Sinn.
In beiden HMENUS fehlt die Pipe (|) in dem wrap.
NO braucht nicht aktiviert zu werden.

Bitte verwende in Zukunft den TypoScript-BB-Code wenn du TS postest. Das ist wesentlich übersichtlicher.

Vielleicht mal so versuchen:

page.10.subparts.MENU2 = HMENU
page.10.subparts.MENU2 {
	special = directory
	special.value = 245
	wrap = <h1>Navigation</h1>|

	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO.wrapItemAndSub = <li>|</li>

		IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB

	}
	2 < .1
	2.wrap = <ul>|</ul>
}


page.10.subparts.MENU3 = HMENU
page.10.subparts.MENU3 {
	special = directory
	special.value = 172
	wrap = <h1>Gewerblich</h1>|

	1 = TMENU
	1 {
		expAll = 1
		wrap = <ul id="nav">|</ul>
		noBlur = 1
		NO.wrapItemAndSub = <li>|</li>
		IFSUB = 1
		IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
		ACTIFSUB < .IFSUB
	}
	2 < .1
	2.wrap = <ul>|</ul>
}
boki_s78 ·

Vielen DANK SLAng aber es funzt auch nicht.
www.tadiair.de
Hier nochmal ganz TS:

# Default PAGE object:
page = PAGE
page.stylesheet = uploads/tf/tadiair.css


page.headerData = COA
page.headerData.10 = TEXT
page.headerData.10.value = <script type="text/javascript" src="uploads/tf/menu.js"></script> 


page.10 = TEMPLATE
page.10.workOnSubpart = DOCUMENT_BODY
page.10.template = FILE
page.10.template.file = Index_03.html

page.10.subparts.CONTENT_MAIN < styles.content.get
page.10.subparts.MENU1 < styles.content.get
page.10.subparts.MENU1 = COA
page.10.subparts.MENU1.10 = HTML
page.10.subparts.MENU1.20 = HMENU
page.10.subparts.MENU1.20 {
	special = directory
	special.value = 246
	1 = TMENU
	wrap = <ul> | </ul>
	#1.NO.ATagParams = <li> | </li>
	1.NO.linkWrap = <li> | </li>
	1.NO.linkWrap = &nbsp;|&nbsp;&#124; |*|
	&nbsp;|&nbsp;&#124; |*| &nbsp;
	}

page.10.subparts.MENU2 = HMENU
page.10.subparts.MENU2 {
	special = directory
	special.value = 245
        wrap = <h1>Navigation</h1>|
        1 = TMENU
	1 {
        expAll = 1
        wrap = <ul id="nav">|</ul>
        noBlur = 1
        NO.wrapItemAndSub = <li>|</li>
        IFSUB = 1
        IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
        ACTIFSUB < .IFSUB  
        }  
              2 < .1
              2.wrap = <ul>|</ul>
      }


page.10.subparts.MENU3 = HMENU
page.10.subparts.MENU3 {
              special = directory
              special.value = 172
              wrap = <h1>Gewerblich</h1>|
      
              1 = TMENU

              1 {
                      expAll = 1
                      wrap = <ul id="nav">|</ul>
                      noBlur = 1
                      NO.wrapItemAndSub = <li>|</li>
                      IFSUB = 1
                      IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
                      ACTIFSUB < .IFSUB
              }
              2 < .1
              2.wrap = <ul>|</ul>
} 


page.10.subparts.MENU4 = HMENU
page.10.subparts.MENU4 {
              special = directory
              special.value = 185
              wrap = <h1>Light Commercial</h1>|
      
              1 = TMENU

              1 {
                      expAll = 1
                      wrap = <ul id="nav">|</ul>
                      noBlur = 1
                      NO.wrapItemAndSub = <li>|</li>
                      IFSUB = 1
                      IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
                      ACTIFSUB < .IFSUB
              }
              2 < .1
              2.wrap = <ul>|</ul>
}

www.tadiair.de ich lass es online für paar stunden, hoffe mein boss killt mich nicht!

SLAng ·

OK, jetzt hab ich es auch verstanden.

Was ich allerdings nicht verstehe, ist warum du das so kompliziert löst.

Warum nimmst du für die Überschriften nicht einfach einen Neue Seite im Baum, da wo du sie benötigst. Den Seitentyp stellst du auf "Abstand", oder wie es nun heißt "Visuelles Trennzeichen für Menü". Titel angeben... zum Beispiel "Navigation".

Dann Aktivierst du in deinem TS im NO der ersten Ebene also 1.NO das SPC. Das ganze entsprechend Wrappen und fertig.

Im ganzen etwa dann so:

page.10.subparts.MENU2 = HMENU
page.10.subparts.MENU2 {
        special = directory
        special.value = 245
        wrap = |

        1 = TMENU
        1 {
                expAll = 1
                wrap = <ul id="nav">|</ul>
                noBlur = 1
                NO.wrapItemAndSub = <li>|</li>

                IFSUB = 1
                IFSUB.wrapItemAndSub = <li class="menuparent">|</li>
                ACTIFSUB < .IFSUB

		SPC = 1
		SPC {
			wrap = ...|...
		}
        }
        2 < .1
        2.wrap = <ul>|</ul>
}

Ob das mit deinem special.value noch nötig ist musst du dann mal schauen...
Also so würd eich es wahrscheinlich machen.
Auf jedenfall benötigst du dann nur ein Menü. Und vielleicht wird dann auch die subnavi in allen Browsern angezeigt.

boki_s78 ·

SLAng! man! du bist der beste! hast mir echt das leben geretet! vielen herzlichen dank! ich habe es zuerst mit einem menü versucht und auch mit dem "abstand" aber dann habe ich es mit dem spacer in typoscript nicht geblickt und dachte ich mache drei menüs anstatt einen. typisch anfänger! lol oh man....werde es noch posten wenn es vertig ist. danke nochmals!