Zum Inhalt springen

dynamisches menü - spezial

Erstellt am 29. März 2005 · 4 Antworten · letzte Antwort am 29. März 2005

Tags: Frage

Unbekannter Benutzer ·

moin,

folgendes:

ich habe eine menü mit ebene 1 und ebene 2 die von einander aber getrennt sind.

folgendes muss ich umsetzen:

wenn ich auf ebene 1 klick dann soll das eben 2 auffahren. klick auf auf einen anderen punkt der ebene 1 dann soll das menü erst wieder zu fahren, laden und dann die neuen unterpunkte der ebene 1 auffahren und anzeigen.

das ganze wollte ich mit dem dhtml-menü foldout umsetzen doch da sind ja die ebenen zusammen - kann ich das auch irgendwie aufsplitten das ich ebene das menü teile und ebene 1 und einen marker und ébene 2 in ein marker??

danke

jo.​cologne ·

Hallo Laduros,

hier ist mein 2 Ebenen Menü:

***********************
# Menu 1.Ebene NOrmal
marks.MENU = HMENU
marks.MENU.entryLevel = 1
marks.MENU.1 = GMENU
marks.MENU.1.expAll = 0
marks.MENU.1.NO {
transparentBackground = 1
XY = 166, 40
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/fonts/bauhausm.ttf
10.fontSize = 16
10.fontColor = #000000
10.offset = 24,30
10.niceText = 0
allWrap = <tr heigh="20"><td class="navi">|</td></tr>
before = &nbsp; <BR>
}

# Menu 1.Ebene ACTiv
marks.MENU = HMENU
marks.MENU.entryLevel = 1
marks.MENU.1 = GMENU
marks.MENU.1.expAll = 0
marks.MENU.1.ACT = 1
marks.MENU.1.ACT {
transparentBackground = 1
XY = 166, 40
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/fonts/bauhausm.ttf
10.fontSize = 16
10.fontColor = #CC6600
10.offset = 24,30
10.niceText = 0
allWrap = <tr heigh="20"><td class="navi">|</td></tr>
before = &nbsp; <BR>
}

# Menu 2.Ebene
marks.MENU.2 = GMENU
marks.MENU.2.NO {
transparentBackground = 1
XY = [10.w]+40, 20
XY = 166, 25
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 12
10.fontColor = #000000
10.offset = 38,12
10.niceText = 0
5 = IMAGE
5.file = fileadmin/bilder/imgno.gif
5.offset = 22,3
allWrap = <tr heigh="20"><td class="navi">|</td></tr>
before = &nbsp; <BR>
}

# Menu 2.Ebene Mouseover
marks.MENU.2 = GMENU
marks.MENU.2.RO = 1
marks.MENU.2.RO {
transparentBackground = 1
XY = [10.w]+40, 20
XY = 166, 25
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 12
10.fontColor = #B9B9B9
10.offset = 38,12
10.niceText = 0
5 = IMAGE
5.file = fileadmin/bilder/imgro.gif
5.offset = 22,3
allWrap = <tr heigh="20"><td class="navi">|</td></tr>
before = &nbsp; <BR>
}

# Menu 2.Ebene ACTtiv
marks.MENU.2 = GMENU
marks.MENU.2.ACT = 1
marks.MENU.2.ACT {
transparentBackground = 1
XY = [10.w]+40, 20
XY = 166, 25
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 12
10.fontColor = #CC6600
10.offset = 38,12
10.niceText = 0
5 = IMAGE
5.file = fileadmin/bilder/imgact.gif
5.offset = 22,3
allWrap = <tr heigh="20"><td class="navi">|</td></tr>
before = &nbsp; <BR>
}
***********************

Ich hoffe Du kannst damit was anfangen

jo.​cologne ·

Hi,

nochmal zum orientieren ;-)

Jörg
**********************
Das ist ein Ausschnitt meiner indexteplate.html mit den Platzhaltern:
...snip
<!--###DOKUMENT###-->
<div class="Boxlogo">###LOGO###</div>
<div class="Boxmenu">###MENU###<br>###DRUCKANSICHT###</div>
<div class="container">
<div class="Boxbild">###BILD###</div>
<div class="Boxinhalt">###INHALT###</div>
</div>
<!--###DOKUMENT###-->
snap...
********************
das meiner css Datei
...snip
.container {
height: 100%;
width: 100%;
}

.Boxblue{
z-index:3;
position: fixed;
top: 80px;
left: 192px;
width: 2px;
height: 100%;
background-color: #EAC133;
}

.Boxblue1{
z-index:3;
position: fixed;
top: 80px;
left: 0px;
width: 192px;
height: 2px;
background-color: #EAC133;
}

.Boxlogo{
z-index:4;
position: fixed;
top: 20px;
left: 2px;
width: 188px;
height: 55px;
overflow: hidden;
}

.Boxmenu{
z-index:3;
position: fixed;
margin: 70px 0 0 0;
top: 20px;
left: 0px;
width: 192px;
height: 100%;
overflow: hidden;
}

.Boxbild{
z-index:1;
position: fixed;
top: 0px;
left: 194px;
width: 810px;
height: 100px;
}

.Boxinhalt{
z-index:0;
position: absolute;
top: 104px;
min-width: 300px;
margin: 0;
padding: 20px;
}
snap...
**********************
das meines Templates

...snip
# Diverse Konfigurationen

# setze Standardsprache
config.linkVars = L
config.sys_language_uid = 0
config.locale_all = deutsch
config.language = de

[globalVar = GP:L = 1]
config.sys_language_uid = 1
config.language = en
[global]

[globalVar = GP:L = 2]
config.sys_language_uid = 2

config.language = sp
[global]

plugin.tx_sriframe_pi1._CSS_DEFAULT_STYLE = .tx-sriframe-pi1 { height:200%; }

# show ADM Panel
config.admPanel = 1

# style classes defined in RTE
page.insertClassesFromRTE = 0

# ***************hier beginnt der wohl benötigte code

# Defauslt PAGE object:
seite = PAGE
seite.typeNum = 0
seite.bodyTag = <body bgcolor=#FFFFFF link="#0089ce" vlink="#abe1fa" alink="#00AAFF">
seite.stylesheet >

# Header code,
seite.headerData.10 = TEMPLATE
seite.headerData.10 {
template = FILE
template.file = {$masterTemplate}
workOnSubpart = HEADER_CODE
}

seite.headerData.20 = TEXT
seite.headerData.20.value (
<link href="fileadmin/andere.css" rel="stylesheet" type="text/css">
<!--[if gte IE 5]>
<link href="fileadmin/ie5.css" rel="stylesheet" type="text/css">
<![endif]-->
)

seite.50 = TEMPLATE
seite.50 {
template = FILE
template.file = {$masterTemplate}

workOnSubpart = DOKUMENT

marks.LOGO = IMAGE
marks.LOGO.file = GIFBUILDER
marks.LOGO {
file = fileadmin/bilder/logo.jpg
transparentBackground = 1

}

# Menu 1.Ebene NOrmal
marks.MENU = HMENU
marks.MENU.entryLevel = 1
marks.MENU.1 = GMENU
marks.MENU.1.expAll = 0
marks.MENU.1.NO {
transparentBackground = 1
XY = 166, 40
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/fonts/bauhausm.ttf
10.fontSize = 16
10.fontColor = #000000
10.offset = 24,30
10.niceText = 0
allWrap = <tr heigh="20"><td class="navi">|</td></tr>
before = &nbsp; <BR>
}

# Menu 1.Ebene ACTiv
marks.MENU = HMENU
marks.MENU.entryLevel = 1
marks.MENU.1 = GMENU
marks.MENU.1.expAll = 0
marks.MENU.1.ACT = 1
marks.MENU.1.ACT {
transparentBackground = 1
XY = 166, 40
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/fonts/bauhausm.ttf
10.fontSize = 16
10.fontColor = #CC6600
10.offset = 24,30
10.niceText = 0
allWrap = <tr heigh="20"><td class="navi">|</td></tr>
before = &nbsp; <BR>
}

# Menu 2.Ebene
marks.MENU.2 = GMENU
marks.MENU.2.NO {
transparentBackground = 1
XY = [10.w]+40, 20
XY = 166, 25
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 12
10.fontColor = #000000
10.offset = 38,12
10.niceText = 0
5 = IMAGE
5.file = fileadmin/bilder/imgno.gif
5.offset = 22,3
allWrap = <tr heigh="20"><td class="navi">|</td></tr>
before = &nbsp; <BR>

}

# Menu 2.Ebene Mouseover
marks.MENU.2 = GMENU
marks.MENU.2.RO = 1
marks.MENU.2.RO {
transparentBackground = 1
XY = [10.w]+40, 20
XY = 166, 25
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 12
10.fontColor = #B9B9B9
10.offset = 38,12
10.niceText = 0
5 = IMAGE

5.file = fileadmin/bilder/imgro.gif
5.offset = 22,3
allWrap = <tr heigh="20"><td class="navi">|</td></tr>
before = &nbsp; <BR>
}

# Menu 2.Ebene ACTtiv
marks.MENU.2 = GMENU
marks.MENU.2.ACT = 1
marks.MENU.2.ACT {
transparentBackground = 1
XY = [10.w]+40, 20
XY = 166, 25
10 = TEXT
10.text.field = title
10.fontFile = fileadmin/fonts/verdana.ttf
10.fontSize = 12
10.fontColor = #CC6600
10.offset = 38,12
10.niceText = 0
5 = IMAGE
5.file = fileadmin/bilder/imgact.gif
5.offset = 22,3
allWrap = <tr heigh="20"><td class="navi">|</td></tr>
before = &nbsp; <BR>
}
# ****************hier ist der wohl benötigte code zu ende
marks.BILD = IMAGE
marks.BILD {
file = fileadmin/bilder/header3.jpg
}

marks.SPRACHE = PHP_SCRIPT
marks.SPRACHE {
file = fileadmin/languageMenu.php
}

# Link to PRINTER friendly Version
marks.DRUCKANSICHT = TEXT
marks.DRUCKANSICHT.field = uid
marks.DRUCKANSICHT.wrap = <A href="#" onclick='window.open("|.98.html","druckversionnews","width=700,height=600,left=0,top=0,scrollbars=yes,menubar=no,toolbar=yes,resizable=1");'><img src=fileadmin/print_icon.gif border=0 alt="Diese Seite drucken: Druckerfreundliche Darstellung"></A>

# ############## NEWS Einblendung
marks.NEWS = TEXT
marks.NEWS < styles.content.getBorder

#styles.content.get ist das selbe!!
marks.INHALT = CONTENT
marks.INHALT.table = tt_content
marks.INHALT {
select.orderBy = sorting
# wenn Spalte Links oder Normal eingetragen wurde (normal <2)
select.where = colPos < 5
select.languageField = sys_language_uid
'<table border="0" cellpadding="0" cellspacing="0"><tr><td><img src="clear.gif" width="30" height="1" alt="" /></td><td>'.implode('',$flags).'</td></tr></table>'
}
# marks.RECHTS < .INHALT
# marks.RECHTS.select.where = colPos >= 2

}
# "Layout 1"
lib.stdheader.10.4 < styles.header.gfx1
lib.stdheader.10.4.file.10.fontColor = #FFB644
lib.stdheader.10.4.file.10.text.crop >
lib.stdheader.10.4.file.10.fontFile = fileadmin/fonts/verdana.ttf
lib.stdheader.10.4.file.10.fontSize = 10

# Graphische Standard-Header

# "Layout 4"
lib.stdheader.10.4 < styles.header.gfx1
lib.stdheader.10.4.file.10.fontColor = #FF6600
lib.stdheader.10.4.file.10.text.crop >
lib.stdheader.10.4.file.10.fontFile = fileadmin/fonts/bauhausb.ttf
lib.stdheader.10.4.file.10.fontSize = 18

# "Layout 5"
lib.stdheader.10.5.file.10.fontFile = fileadmin/fonts/bauhausb.ttf
lib.stdheader.10.5.file.10.text.crop >
lib.stdheader.10.5.file.10.fontColor = #CC6600
lib.stdheader.10.5.file.10.fontSize = 18

plugin.tx_lzgallery_pi1._CSS_DEFAULT_STYLE >
plugin.tx_lzgallery_pi1_simple._CSS_DEFAULT_STYLE >