TMenu (Layer) Rollover und activer Link ???

susie · 12. November 2003 10:14

Hallo Typo-Gemeinde,

habe folgendes Problem: in meinem tmenu_layers würde ich gerne über RO und ACT einen Rollover / aktiver Link einbauen.

Rollover habe ich jetzt zwar über
#########
onMouseOver="this.bgColor='FFFF99'" onMouseOut="this.bgColor='#FFCC33'"
#########

gereglt, dacht eigentlich es würde reichen wenn ich RO = 1 einstelle.

1 Frage : wie funktioniert der Rollover mit RO ????

2. wichtigere Frage : wie stelle ich die Hintergrundfarbe für den Activen Link über ACT ein ???????

Die aktuellen Einstellungen für RO und ACT funktionieren nicht!

Hoffe Ihr könnt mir helfen !!

Danke

######Untermenu Layer-x######
page.includeLibs.gmenu_layers = media/scripts/tmenu_layers.php
temp.menux = HMENU
temp.menux.wrap = <table cellpadding="0" cellspacing="0" border="0" width="150" bgcolor="#ffffff"><tr><td><table border="0" cellspacing="1" cellpadding="5" width="100%">|</table></td></tr></table>
temp.menux.excludeUidList =
temp.menux.entryLevel=0
temp.menux.1= TMENU_LAYERS
temp.menux.1 {
layerStyle = position:absolute;left:0px;top:0px;width:150px;VISIBILITY:HIDDEN; background-color:#ffdfa6; padding-left: 0px; padding-right: 0px;
relativeToTriggerItem = 1
topOffset = 3
leftOffset = 90
dontFollowMouse=1
hideMenuWhenNotOver=3
expAll=1
hideMenuTimer=300

NO {
allWrap = <tr><td width="100%" bgcolor="#FFCC33" onMouseOver="this.bgColor='FFFF99'" onMouseOut="this.bgColor='#FFCC33'"><nobr>|</nobr></td></tr>
#backColor = #cccccc
10 = TEXT
10.text.field = title
10.offset = 0,0
10.fontSize = 14
10.fontColor = #990000
after =  <span style="text-decoration:none;">|</span> 
hideMenuWhenNotOver =2
#after = <hr noshade style="color:#000000; height:1px;">
after=<br>

}
10.ACT = 1
10.ACT < .10.NO
10.ACT.allWrap = <tr><td width="100%" bgcolor="#FFCC33"><nobr>|</nobr></td></tr>

}

temp.menux.2= TMENU_LAYERS
temp.menux.2.wrap = <table cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#ffffff"><tr><td><table border="0" cellspacing="1" cellpadding="5" width="100%">|</table></td></tr></table>
temp.menux.2entryLevel=1
temp.menux.2 {
layerStyle = position:absolute;left:0px;top:0px;width:150px;VISIBILITY:HIDDEN; background-color:#ffdfa6; padding-left: 0px; padding-right: 0px;
relativeToParentLayer = 1
relativeToTriggerItem = 1
topOffset = 5
leftOffset = 90
dontFollowMouse=1
hideMenuWhenNotOver=3
expAll=1
hideMenuTimer=300

NO {
allWrap = <tr><td width="100%" bgcolor="#FFCC33" onMouseOver="this.bgColor='FFFF99'" onMouseOut="this.bgColor='#FFCC33'"><nobr>|</nobr></td></tr>
backColor = #cccccc
10 = TEXT
10.text.field = title
10.offset = 0,0
10.fontSize = 14
10.fontColor = #990000
#after =  <span style="text-decoration:none;">|</span> 
hideMenuWhenNotOver =2
#after=<br>

}

RO < .NO
RO=1
10.RO.fontColor = yellow
ACT < .NO
ACT=1
ACT.10.fontColor = yellow

}

temp.menux.3= TMENU_LAYERS
temp.menux.3.wrap = <table cellpadding="0" cellspacing="0" border="0" width="150" bgcolor="#ffffff"><tr><td><table border="0" cellspacing="1" cellpadding="5" width="100%">|</table></td></tr></table>
#temp.menux.3entryLevel=2
temp.menux.3 {
layerStyle = position:absolute;left:0px;top:0px;width:150px;VISIBILITY:HIDDEN; background-color:#ffdfa6; padding-left: px; padding-right: 0px;
relativeToParentLayer = 1
#relativeToTriggerItem = 1
topOffset = 150
leftOffset = 250
dontFollowMouse=1
hideMenuWhenNotOver=3
expAll=1
hideMenuTimer=300

NO {
allWrap = <tr><td width="100%" bgcolor="#FFCC33">|</td></tr>
backColor = #cccccc
10 = TEXT
RO = 1
10.text.field = title
10.offset = 0,0
10.fontSize = 14
10.fontColor = #990000
hideMenuWhenNotOver =2

}
RO < .NO
RO = 1
RO.10.fontColor = black
ACT < .NO
ACT = 1
ACT.10.fontColor = black
}

}

randomresult · 12. November 2003 19:04

Vielleicht hilft das. So habe ich das gemacht. Bitte achte darauf, dass einige der angaben mit # auskommentiert sind. Das mit dem Wrap hab ich auch noch nicht verstanden. Es handelt sich bei diesem Menü um ein Gmenu, das mit dem kopieren sollte aber genauso funktionieren.

subparts.MENUE.1{

#wie wird der einzelne menüpunkt im html dargestellt. Inhalt = |
allwrap= | <br>

#Normalzustand / Ebenen des bildes mit zahlen einleiten
NO{
#Hintergrundfarbe
backColor = #005688

#Ausmaße des menüs
XY = 250,22
#Wenn bild als ebene dann mit Image einleiten / ist nicht aktiv!
#15 = IMAGE

#Wenn bild hier mit .file den Dateipfad angeben/ ist nicht aktiv!
#15.file = fileadmin/ebenen0.gif

#Ebene 20 ist die Textebene
20 = TEXT

#Welches Feld soll ausgelesen werden
20.text.field = title

#Welche schriftart (file) soll verwendet werden. Wenn auf systemschriften zurückgegriffen wird mit fontFace = verdana arbeiten
20.fontFile = media/fonts/eurostile.ttf

#Schriftgröße
20.fontSize = 12

#Schriftfarbe
20.fontColor = #FFFFFF
#20.align = right

#Wo von x und y liegt die schrift
20.offset = 21,18

#Text glätten, nicht bei transparenz benutzen, siehe unten
#20.niceText = 1
}

#Einleitung Rollover Zustand. Der Normalzustand wird in den RO Kopiert und danach verändert
RO< .NO

#Ro =1 gibt an, dass es einen Rollover Zustand gibt. RO = 0 ist kein Rollover Zustand aktiviert
RO = 1

#Definition aus dem kopierten NO Zustand wird überschrieben
RO.backColor = #AFBC13
#Definition der schriftfarbe wird überschrieben.
RO.20.fontColor = #FF0000

#Siehe RO
ACT < .NO
ACT = 1
ACT.backColor = #AFBC13
}

viel glück,
ich hoffe es hilft ein wenig.

Harry aka randomresult

susie · 14. November 2003 11:12

randomresult schrieb

Vielleicht hilft das. So habe ich das gemacht. Bitte achte darauf, dass einige der angaben mit # auskommentiert sind. Das mit dem Wrap hab ich auch noch nicht verstanden. Es handelt sich bei diesem Menü um ein Gmenu, das mit dem kopieren sollte aber genauso funktionieren.

subparts.MENUE.1{

#wie wird der einzelne menüpunkt im html dargestellt. Inhalt = |
allwrap= | <br>

#Normalzustand / Ebenen des bildes mit zahlen einleiten
NO{
#Hintergrundfarbe
backColor = #005688

#Ausmaße des menüs
XY = 250,22
#Wenn bild als ebene dann mit Image einleiten / ist nicht aktiv!
#15 = IMAGE

#Wenn bild hier mit .file den Dateipfad angeben/ ist nicht aktiv!
#15.file = fileadmin/ebenen0.gif

#Ebene 20 ist die Textebene
20 = TEXT

#Welches Feld soll ausgelesen werden
20.text.field = title

#Welche schriftart (file) soll verwendet werden. Wenn auf systemschriften zurückgegriffen wird mit fontFace = verdana arbeiten
20.fontFile = media/fonts/eurostile.ttf

#Schriftgröße
20.fontSize = 12

#Schriftfarbe
20.fontColor = #FFFFFF
#20.align = right

#Wo von x und y liegt die schrift
20.offset = 21,18

#Text glätten, nicht bei transparenz benutzen, siehe unten
#20.niceText = 1
}

#Einleitung Rollover Zustand. Der Normalzustand wird in den RO Kopiert und danach verändert
RO< .NO

#Ro =1 gibt an, dass es einen Rollover Zustand gibt. RO = 0 ist kein Rollover Zustand aktiviert
RO = 1

#Definition aus dem kopierten NO Zustand wird überschrieben
RO.backColor = #AFBC13
#Definition der schriftfarbe wird überschrieben.
RO.20.fontColor = #FF0000

#Siehe RO
ACT < .NO
ACT = 1
ACT.backColor = #AFBC13
}

viel glück,
ich hoffe es hilft ein wenig.

Harry aka randomresult

Was mit dem G-Menu funktioniert ist nicht unbedingt auch auf das T-Menu zu übertragen !!!

So, jetzt habe ich die Lösung, activ link über css !!

######Untermenu Layer-x ################
################## 1. Ebene #############
page.includeLibs.gmenu_layers = media/scripts/tmenu_layers.php
temp.menux = HMENU
temp.menux.wrap = <table cellpadding="0" cellspacing="0" border="0" width="180" bgcolor="#ffffff"><tr><td><table border="0" cellspacing="1" cellpadding="5" width="100%">|</table></td></tr></table>
temp.menux.excludeUidList =
temp.menux.entryLevel=0
temp.menux.1= TMENU_LAYERS
temp.menux.1 {
layerStyle = position:absolute;left:0px;top:0px;width:150px;VISIBILITY:HIDDEN; background-color:#ffdfa6; padding-left: 0px; padding-right: 0px;
relativeToTriggerItem = 1
topOffset = 3
leftOffset = 90
dontFollowMouse=1
hideMenuWhenNotOver=20
expAll=1
hideMenuTimer=500

NO {
allWrap = <tr><td width="100%" bgcolor="#FFCC33" onMouseOver="this.bgColor='FFFF99'" onMouseOut="this.bgColor='#FFCC33'">
10 = TEXT
10.text.field = title
10.offset = 0,0
10.fontSize = 14
10.fontColor = #990000
after =  <span style="text-decoration:none;">|</span> 
after=<br>
}

ACT < .NO
ACT = 1
ACT.allWrap = <tr><td width="100%" class="menu1-level1-act">

}
#######################################

###########2. Ebene######################

temp.menux.2= TMENU_LAYERS
temp.menux.2.wrap = <table cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#ffffff"><tr><td><table border="0" cellspacing="1" cellpadding="5" width="100%">|</table></td></tr></table>
temp.menux.2entryLevel=1
temp.menux.2 {
layerStyle = position:absolute;left:0px;top:0px;width:150px;VISIBILITY:HIDDEN; background-color:#ffdfa6; padding-left: 0px; padding-right: 0px;
relativeToParentLayer=1
relativeToTriggerItem=1
topOffset = 5
leftOffset = 90
dontFollowMouse=1
hideMenuWhenNotOver=20
expAll=1
hideMenuTimer=500

NO {
allWrap = <tr><td width="100%" bgcolor="#FFCC33" onMouseOver="this.bgColor='FFFF99'" onMouseOut="this.bgColor='#FFCC33'">
10 = TEXT
10.text.field = title
10.offset = 0,0
10.fontSize = 14
10.fontColor = #990000

}
ACT < .NO
ACT = 1
ACT.allWrap = <tr><td width="100%" class="menu1-level1-act">
}

#######################################

########### 3. Ebene######################

temp.menux.3= TMENU_LAYERS
temp.menux.3.wrap = <table cellpadding="0" cellspacing="0" border="0" width="150" bgcolor="#ffffff"><tr><td><table border="0" cellspacing="1" cellpadding="5" width="100%">|</table></td></tr></table>
#temp.menux.3entryLevel=2
temp.menux.3 {
layerStyle = position:absolute;left:0px;top:0px;width:150px;VISIBILITY:HIDDEN; background-color:#ffdfa6; padding-left: px; padding-right: 0px;
relativeToParentLayer=1
#relativeToTriggerItem=1
topOffset = 150
leftOffset = 250
dontFollowMouse=1
hideMenuWhenNotOve=20
expAll=1
hideMenuTimer=500

NO {
allWrap = <tr><td width="100%" bgcolor="#FFCC33" onMouseOver="this.bgColor='FFFF99'" onMouseOut="this.bgColor='#FFCC33'">
10 = TEXT
RO = 1
10.text.field = title
10.offset = 0,0
10.fontSize = 14
10.fontColor = #990000
hideMenuWhenNotOver =3
}
ACT < .NO
ACT = 1
ACT.allWrap = <tr><td width="100%" class="menu1-level1-act">
}
}

#######################################

blauwahr · 20. November 2003 11:12

HALLO!!

mit RO und ACT kann ich zwar hintergrund und schrift verändern, aber was ich möchte ist, daß bei Rollover das entssprechende Untermenü eingeblendet wird und das krieg und krieg ich einfach nicht hin #evil# <br>
Habt Ihr ne Idee??<br>
hier mein Code:

seite = PAGE
seite.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
seite.typeNum = 0
seite.bodyTag = <body bgcolor = "#f3f7fa">
seite.20 = TEMPLATE
seite.20 {
template = FILE
template.file = fileadmin/template/mys_cordes_vorlage.html
workOnSubpart = DOKUMENT

marks.INHALT < styles.content.get
marks.INHALT = CONTENT 
marks.INHALT.table = tt_content

#--MENUE_LINKS---------------------------------------------------
  marks.MENUE_LINKS = HMENU 
  marks.MENUE_LINKS { 
                                       special = directory 
                                       special.value = 42 
                                       1 = GMENU_LAYERS
                                       1 { 
expAll = 0
collapse = 1
useLargestItemX = 1
useLargestItemY = 1
NO.wrap =<br>|<br>
NO.backcolor = #f3f7fa
NO.XY = [10.w]+10, 14
NO.10 = TEXT
NO.10.text.field = title
NO.10.offset = 5,10


#link auf rollover
RO < .NO
RO = 1
RO.10.fontColor =blue 
RO.backColor =#f3f7fa

#link nach anklicken
ACT < .NO
ACT = 1
ACT.10.fontColor = blue
ACT.backColor =#f3f7fa

   
                                          }
                                      2 = GMENU
                                       2 { 
expAll = 0
useLargestItemX = 1
useLargestItemY = 1
NO.wrap =  > |  <br>
NO.XY = [100.w]+100, 14
NO.10 = TEXT
NO.10.text.field = title
NO.10.offset = 5,10
NO.10.fontColor = blue
NO.backColor = white

RO < .NO
RO = 1
RO.10.fontColor =blue 
RO.backColor =#f3f7fa


ACT < .NO
ACT = 1
ACT.backColor = blue
ACT.backColor =#f3f7fa

                                  }


3 = GMENU
                                      3 { 
useLargestItemX = 1
useLargestItemY = 1
NO.wrap =>>|<br>

NO.XY = [10.w]+10, 14
NO.10 = TEXT
NO.10.text.field = title
NO.10.offset = 5,10
NO.10.fontColor = blue
NO.backColor = white

RO < .NO
RO = 1
RO.10.fontColor =blue 
RO.backColor =#f3f7fa 

ACT < .NO
ACT = 1
ACT.backColor = blue
ACT.backColor =#f3f7fa


 
                               }

               }

}


}