ahold
24.09.2006, 14:27
Доброго времени суток всем.
Собственно только начал разбиратся с системой.
Создал свой шаблон опираясь на руководство (Futuristic Template Building),
все работает :)
Мне тепрь нужно создать меню (treemenu) взял пример из (foldoutmenu)
вставил в Constants:
lib.treemenu {
imgFolder = typo3conf/ext/foldoutmenu/examples/treemenu/menu/win/
splitImg = join.gif
vertlineImg = line.gif
cornerImg = joinbottom.gif
collapseImg = plus.gif
collapse_cornerImg = plusbottom.gif
collapse_corner_firstImg = plusonly.gif
collapse_firstImg = plustop.gif
expandImg = minus.gif
expand_cornerImg = minusbottom.gif
expand_corner_firstImg = minusonly.gif
expand_firstImg = minustop.gif
spaceImg = blank.gif
folder_openImg = folderopen.gif
folder_closedImg = folderclosed.gif
itemImg = menu_link_no.gif
itemImgActive = menu_link_cur.gif
menuRoot = folderopen.gif
}
в setup у меня сейчас:
includeLibs.foldoutmenu = typo3conf/ext/foldoutmenu/foldoutmenu.php
lib.treemenu = COA
lib.treemenu {
10 = HMENU
10.wrap = <div id="menu"><ul>|</ul></div>
10.entryLevel = 1
10.1 = TMENU
10.1 {
expAll = 1
itemArrayProcFunc = user_foldoutMenu->getIfSubUidList
NO {
before.cObject = COA
before.cObject {
10 = IMAGE
10.file = {$lib.treemenu.imgFolder}{$lib.treemenu.splitImg} |*||*| {$lib.treemenu.imgFolder}{$lib.treemenu.cornerImg}
10.params = align="top"
20 = IMAGE
20.file = {$lib.treemenu.imgFolder}{$lib.treemenu.itemImg}
20.altText = »»
20.titleText = »»
20.params = align="top"
}
ATagParams = class="no"
allWrap = <li>|</li>
}
CUR < .NO
CUR = 1
CUR.before.cObject.20.file = {$lib.treemenu.imgFolder}{$lib.treemenu.itemImgAct ive}
CUR.ATagParams = class="act"
IFSUB < .NO
IFSUB = 1
IFSUB {
subst_elementUid = 1
before.cObject = COA
before.cObject {
10.file = {$lib.treemenu.imgFolder}{$lib.treemenu.collapseIm g} |*||*| {$lib.treemenu.imgFolder}{$lib.treemenu.collapse_c ornerImg}
10.wrap = <A onmousedown="fmenu.foldMenu('fmenu-{elementUid}');return false;" style="cursor: pointer;cursor: hand;">|
10.altText = -
10.titleText = -
10.params = align="top" id="fmenu-{elementUid}-1" |*||*| align="top" id="fmenu-{elementUid}-2"
20.file = {$lib.treemenu.imgFolder}{$lib.treemenu.folder_clo sedImg}
20.wrap = |</A>
20.altText = Click to open
20.titleText = Click to open
20.params = align="top" id="fmenu-{elementUid}-0"
40 = LOAD_REGISTER
40.level2tree = {$lib.treemenu.vertlineImg} |*||*| {$lib.treemenu.spaceImg}
}
allWrap = <li>|<ul id="fmenu-{elementUid}">
wrapItemAndSub = |</ul></li>
}
ACTIFSUB < .IFSUB
ACTIFSUB = 1
ACTIFSUB.before.cObject.10.file = {$lib.treemenu.imgFolder}{$lib.treemenu.expandImg} |*||*| {$lib.treemenu.imgFolder}{$lib.treemenu.expand_cor nerImg}
ACTIFSUB.before.cObject.10.altText = +
ACTIFSUB.before.cObject.10.titleText = +
ACTIFSUB.before.cObject.10.params = align="top" id="fmenu-{elementUid}-1" |*||*| align="top" id="fmenu-{elementUid}-2"
ACTIFSUB.before.cObject.20.file = {$lib.treemenu.imgFolder}{$lib.treemenu.folder_ope nImg}
ACTIFSUB.before.cObject.20.altText = Click to close
ACTIFSUB.before.cObject.20.titleText = Click to close
ACTIFSUB.before.cObject.20.params = align="top" id="fmenu-{elementUid}-0"
ACTIFSUB.allWrap = <li>|<ul id="fmenu-{elementUid}" style="display:block;">
CURIFSUB < .IFSUB
CURIFSUB = 1
CURIFSUB.ATagParams = class="act"
}
10.2 < .10.1
10.2 {
NO.before.cObject {
1 = IMAGE
1.file.import = {$lib.treemenu.imgFolder}
1.file.import.data = register:level2tree
1.file.import.listNum = 0
1.params = align="top"
}
CUR.before.cObject.1 < .NO.before.cObject.1
IFSUB.before.cObject.1 < .NO.before.cObject.1
IFSUB.before.cObject.40.level2tree >
IFSUB.before.cObject.40.level3tree = {$lib.treemenu.vertlineImg} |*||*| {$lib.treemenu.spaceImg}
ACTIFSUB < .IFSUB
ACTIFSUB = 1
ACTIFSUB.before.cObject.10.file = {$lib.treemenu.imgFolder}{$lib.treemenu.expandImg} |*||*| {$lib.treemenu.imgFolder}{$lib.treemenu.expand_cor nerImg}
ACTIFSUB.before.cObject.10.altText = +
ACTIFSUB.before.cObject.10.titleText = +
ACTIFSUB.before.cObject.10.params = align="top" id="fmenu-{elementUid}-1" |*||*| align="top" alt="+" title="+" id="fmenu-{elementUid}-2"
ACTIFSUB.before.cObject.20.file = {$lib.treemenu.imgFolder}{$lib.treemenu.folder_ope nImg}
ACTIFSUB.before.cObject.20.altText = Click to close
ACTIFSUB.before.cObject.20.titleText = Click to close
ACTIFSUB.before.cObject.20.params = align="top" id="fmenu-{elementUid}-0"
ACTIFSUB.allWrap = <li>|<ul id="fmenu-{elementUid}" style="display:block;">
CURIFSUB < .IFSUB
CURIFSUB.ATagParams = class="act"
}
10.3 < .10.2
10.3 {
NO.before.cObject {
2 = IMAGE
2.file.import = {$lib.treemenu.imgFolder}
2.file.import.data = register:level3tree
2.file.import.listNum = 0
2.params = align="top"
}
CUR.before.cObject.2 < .NO.before.cObject.2
IFSUB.before.cObject.2 < .NO.before.cObject.2
IFSUB.before.cObject.40.level3tree >
IFSUB.before.cObject.40.level4tree = {$lib.treemenu.vertlineImg} |*||*| {$lib.treemenu.spaceImg}
ACTIFSUB < .IFSUB
ACTIFSUB = 1
ACTIFSUB.before.cObject.10.file = {$lib.treemenu.imgFolder}{$lib.treemenu.expandImg} |*||*| {$lib.treemenu.imgFolder}{$lib.treemenu.expand_cor nerImg}
ACTIFSUB.before.cObject.10.altText = +
ACTIFSUB.before.cObject.10.titleText = +
ACTIFSUB.before.cObject.10.params = align="top" id="fmenu-{elementUid}-1" |*||*| align="top" alt="+" title="+" id="fmenu-{elementUid}-2"
ACTIFSUB.before.cObject.20.file = {$lib.treemenu.imgFolder}{$lib.treemenu.folder_ope nImg}
ACTIFSUB.before.cObject.20.altText = Click to close
ACTIFSUB.before.cObject.20.titleText = Click to close
ACTIFSUB.before.cObject.20.params = align="top" id="fmenu-{elementUid}-0"
ACTIFSUB.allWrap = <li>|<ul id="fmenu-{elementUid}" style="display:block;">
CURIFSUB < .IFSUB
CURIFSUB.ATagParams = class="act"
}
10.4 < .10.3
10.4 {
NO.before.cObject {
3 = IMAGE
3.file.import = {$lib.treemenu.imgFolder}
3.file.import.data = register:level4tree
3.file.import.listNum = 0
3.params = align="top"
}
CUR.before.cObject.3 < .NO.before.cObject.3
IFSUB.before.cObject.3 < .NO.before.cObject.3
IFSUB.before.cObject.40.level4tree >
IFSUB.before.cObject.40.level5tree = {$lib.treemenu.vertlineImg} |*||*| {$lib.treemenu.spaceImg}
ACTIFSUB < .IFSUB
ACTIFSUB = 1
ACTIFSUB.before.cObject.10.file = {$lib.treemenu.imgFolder}{$lib.treemenu.expandImg} |*||*| {$lib.treemenu.imgFolder}{$lib.treemenu.expand_cor nerImg}
ACTIFSUB.before.cObject.10.altText = +
ACTIFSUB.before.cObject.10.titleText = +
ACTIFSUB.before.cObject.10.params = align="top" id="fmenu-{elementUid}-1" |*||*| align="top" alt="+" title="+" id="fmenu-{elementUid}-2"
ACTIFSUB.before.cObject.20.file = {$lib.treemenu.imgFolder}{$lib.treemenu.folder_ope nImg}
ACTIFSUB.before.cObject.20.altText = Click to close
ACTIFSUB.before.cObject.20.titleText = Click to close
ACTIFSUB.before.cObject.20.params = align="top" id="fmenu-{elementUid}-0"
ACTIFSUB.allWrap = <li>|<ul id="fmenu-{elementUid}" style="display:block;">
CURIFSUB < .IFSUB
CURIFSUB.ATagParams = class="act"
}
10.5 < .10.4
10.5 {
NO.before.cObject {
4 = IMAGE
4.file.import = {$lib.treemenu.imgFolder}
4.file.import.data = register:level5tree
4.file.import.listNum = 0
4.params = align="top"
}
CUR.before.cObject.4 < .NO.before.cObject.4
IFSUB.before.cObject.4 < .NO.before.cObject.4
IFSUB.before.cObject.40.level5tree >
IFSUB.before.cObject.40.level6tree = {$lib.treemenu.vertlineImg} |*||*| {$lib.treemenu.spaceImg}
ACTIFSUB < .IFSUB
ACTIFSUB = 1
ACTIFSUB.before.cObject.10.file = {$lib.treemenu.imgFolder}{$lib.treemenu.expandImg} |*||*| {$lib.treemenu.imgFolder}{$lib.treemenu.expand_cor nerImg}
ACTIFSUB.before.cObject.10.altText = +
ACTIFSUB.before.cObject.10.titleText = +
ACTIFSUB.before.cObject.10.params = align="top" id="fmenu-{elementUid}-1" |*||*| align="top" alt="+" title="+" id="fmenu-{elementUid}-2"
ACTIFSUB.before.cObject.20.file = {$lib.treemenu.imgFolder}{$lib.treemenu.folder_ope nImg}
ACTIFSUB.before.cObject.20.altText = Click to close
ACTIFSUB.before.cObject.20.titleText = Click to close
ACTIFSUB.before.cObject.20.params = align="top" id="fmenu-{elementUid}-0"
ACTIFSUB.allWrap = <li>|<ul id="fmenu-{elementUid}" style="display:block;">
CURIFSUB < .IFSUB
CURIFSUB.ATagParams = class="act"
}
20 = TEXT
20.data = register:ifSubUidList
20.postUserFunc = user_foldoutMenu->JSWrapper
20.postUserFunc.prefix = fmenu
20.postUserFunc.startFolded = 1
20.postUserFunc.enableCookie = 1
20.postUserFunc.imagePath = {$lib.treemenu.imgFolder}
20.postUserFunc.imageSwap (
["{$lib.treemenu.folder_closedImg}","{$lib.treemenu.folder_openImg}"],
["{$lib.treemenu.collapseImg}","{$lib.treemenu.expandImg}"],
["{$lib.treemenu.collapse_cornerImg}","{$lib.treemenu.expand_cornerImg}"],
["{$lib.treemenu.collapse_corner_firstImg}","{$lib.treemenu.expand_corner_firstImg}"],
["{$lib.treemenu.collapse_firstImg}","{$lib.treemenu.expand_firstImg}"]
)
20.postUserFunc.altSwap (
["Click to open","Click to close"],
["+","-"],
["+","-"],
["+","-"],
["+","-"]
)
20.required = 1
}
... продолжение ниже
Собственно только начал разбиратся с системой.
Создал свой шаблон опираясь на руководство (Futuristic Template Building),
все работает :)
Мне тепрь нужно создать меню (treemenu) взял пример из (foldoutmenu)
вставил в Constants:
lib.treemenu {
imgFolder = typo3conf/ext/foldoutmenu/examples/treemenu/menu/win/
splitImg = join.gif
vertlineImg = line.gif
cornerImg = joinbottom.gif
collapseImg = plus.gif
collapse_cornerImg = plusbottom.gif
collapse_corner_firstImg = plusonly.gif
collapse_firstImg = plustop.gif
expandImg = minus.gif
expand_cornerImg = minusbottom.gif
expand_corner_firstImg = minusonly.gif
expand_firstImg = minustop.gif
spaceImg = blank.gif
folder_openImg = folderopen.gif
folder_closedImg = folderclosed.gif
itemImg = menu_link_no.gif
itemImgActive = menu_link_cur.gif
menuRoot = folderopen.gif
}
в setup у меня сейчас:
includeLibs.foldoutmenu = typo3conf/ext/foldoutmenu/foldoutmenu.php
lib.treemenu = COA
lib.treemenu {
10 = HMENU
10.wrap = <div id="menu"><ul>|</ul></div>
10.entryLevel = 1
10.1 = TMENU
10.1 {
expAll = 1
itemArrayProcFunc = user_foldoutMenu->getIfSubUidList
NO {
before.cObject = COA
before.cObject {
10 = IMAGE
10.file = {$lib.treemenu.imgFolder}{$lib.treemenu.splitImg} |*||*| {$lib.treemenu.imgFolder}{$lib.treemenu.cornerImg}
10.params = align="top"
20 = IMAGE
20.file = {$lib.treemenu.imgFolder}{$lib.treemenu.itemImg}
20.altText = »»
20.titleText = »»
20.params = align="top"
}
ATagParams = class="no"
allWrap = <li>|</li>
}
CUR < .NO
CUR = 1
CUR.before.cObject.20.file = {$lib.treemenu.imgFolder}{$lib.treemenu.itemImgAct ive}
CUR.ATagParams = class="act"
IFSUB < .NO
IFSUB = 1
IFSUB {
subst_elementUid = 1
before.cObject = COA
before.cObject {
10.file = {$lib.treemenu.imgFolder}{$lib.treemenu.collapseIm g} |*||*| {$lib.treemenu.imgFolder}{$lib.treemenu.collapse_c ornerImg}
10.wrap = <A onmousedown="fmenu.foldMenu('fmenu-{elementUid}');return false;" style="cursor: pointer;cursor: hand;">|
10.altText = -
10.titleText = -
10.params = align="top" id="fmenu-{elementUid}-1" |*||*| align="top" id="fmenu-{elementUid}-2"
20.file = {$lib.treemenu.imgFolder}{$lib.treemenu.folder_clo sedImg}
20.wrap = |</A>
20.altText = Click to open
20.titleText = Click to open
20.params = align="top" id="fmenu-{elementUid}-0"
40 = LOAD_REGISTER
40.level2tree = {$lib.treemenu.vertlineImg} |*||*| {$lib.treemenu.spaceImg}
}
allWrap = <li>|<ul id="fmenu-{elementUid}">
wrapItemAndSub = |</ul></li>
}
ACTIFSUB < .IFSUB
ACTIFSUB = 1
ACTIFSUB.before.cObject.10.file = {$lib.treemenu.imgFolder}{$lib.treemenu.expandImg} |*||*| {$lib.treemenu.imgFolder}{$lib.treemenu.expand_cor nerImg}
ACTIFSUB.before.cObject.10.altText = +
ACTIFSUB.before.cObject.10.titleText = +
ACTIFSUB.before.cObject.10.params = align="top" id="fmenu-{elementUid}-1" |*||*| align="top" id="fmenu-{elementUid}-2"
ACTIFSUB.before.cObject.20.file = {$lib.treemenu.imgFolder}{$lib.treemenu.folder_ope nImg}
ACTIFSUB.before.cObject.20.altText = Click to close
ACTIFSUB.before.cObject.20.titleText = Click to close
ACTIFSUB.before.cObject.20.params = align="top" id="fmenu-{elementUid}-0"
ACTIFSUB.allWrap = <li>|<ul id="fmenu-{elementUid}" style="display:block;">
CURIFSUB < .IFSUB
CURIFSUB = 1
CURIFSUB.ATagParams = class="act"
}
10.2 < .10.1
10.2 {
NO.before.cObject {
1 = IMAGE
1.file.import = {$lib.treemenu.imgFolder}
1.file.import.data = register:level2tree
1.file.import.listNum = 0
1.params = align="top"
}
CUR.before.cObject.1 < .NO.before.cObject.1
IFSUB.before.cObject.1 < .NO.before.cObject.1
IFSUB.before.cObject.40.level2tree >
IFSUB.before.cObject.40.level3tree = {$lib.treemenu.vertlineImg} |*||*| {$lib.treemenu.spaceImg}
ACTIFSUB < .IFSUB
ACTIFSUB = 1
ACTIFSUB.before.cObject.10.file = {$lib.treemenu.imgFolder}{$lib.treemenu.expandImg} |*||*| {$lib.treemenu.imgFolder}{$lib.treemenu.expand_cor nerImg}
ACTIFSUB.before.cObject.10.altText = +
ACTIFSUB.before.cObject.10.titleText = +
ACTIFSUB.before.cObject.10.params = align="top" id="fmenu-{elementUid}-1" |*||*| align="top" alt="+" title="+" id="fmenu-{elementUid}-2"
ACTIFSUB.before.cObject.20.file = {$lib.treemenu.imgFolder}{$lib.treemenu.folder_ope nImg}
ACTIFSUB.before.cObject.20.altText = Click to close
ACTIFSUB.before.cObject.20.titleText = Click to close
ACTIFSUB.before.cObject.20.params = align="top" id="fmenu-{elementUid}-0"
ACTIFSUB.allWrap = <li>|<ul id="fmenu-{elementUid}" style="display:block;">
CURIFSUB < .IFSUB
CURIFSUB.ATagParams = class="act"
}
10.3 < .10.2
10.3 {
NO.before.cObject {
2 = IMAGE
2.file.import = {$lib.treemenu.imgFolder}
2.file.import.data = register:level3tree
2.file.import.listNum = 0
2.params = align="top"
}
CUR.before.cObject.2 < .NO.before.cObject.2
IFSUB.before.cObject.2 < .NO.before.cObject.2
IFSUB.before.cObject.40.level3tree >
IFSUB.before.cObject.40.level4tree = {$lib.treemenu.vertlineImg} |*||*| {$lib.treemenu.spaceImg}
ACTIFSUB < .IFSUB
ACTIFSUB = 1
ACTIFSUB.before.cObject.10.file = {$lib.treemenu.imgFolder}{$lib.treemenu.expandImg} |*||*| {$lib.treemenu.imgFolder}{$lib.treemenu.expand_cor nerImg}
ACTIFSUB.before.cObject.10.altText = +
ACTIFSUB.before.cObject.10.titleText = +
ACTIFSUB.before.cObject.10.params = align="top" id="fmenu-{elementUid}-1" |*||*| align="top" alt="+" title="+" id="fmenu-{elementUid}-2"
ACTIFSUB.before.cObject.20.file = {$lib.treemenu.imgFolder}{$lib.treemenu.folder_ope nImg}
ACTIFSUB.before.cObject.20.altText = Click to close
ACTIFSUB.before.cObject.20.titleText = Click to close
ACTIFSUB.before.cObject.20.params = align="top" id="fmenu-{elementUid}-0"
ACTIFSUB.allWrap = <li>|<ul id="fmenu-{elementUid}" style="display:block;">
CURIFSUB < .IFSUB
CURIFSUB.ATagParams = class="act"
}
10.4 < .10.3
10.4 {
NO.before.cObject {
3 = IMAGE
3.file.import = {$lib.treemenu.imgFolder}
3.file.import.data = register:level4tree
3.file.import.listNum = 0
3.params = align="top"
}
CUR.before.cObject.3 < .NO.before.cObject.3
IFSUB.before.cObject.3 < .NO.before.cObject.3
IFSUB.before.cObject.40.level4tree >
IFSUB.before.cObject.40.level5tree = {$lib.treemenu.vertlineImg} |*||*| {$lib.treemenu.spaceImg}
ACTIFSUB < .IFSUB
ACTIFSUB = 1
ACTIFSUB.before.cObject.10.file = {$lib.treemenu.imgFolder}{$lib.treemenu.expandImg} |*||*| {$lib.treemenu.imgFolder}{$lib.treemenu.expand_cor nerImg}
ACTIFSUB.before.cObject.10.altText = +
ACTIFSUB.before.cObject.10.titleText = +
ACTIFSUB.before.cObject.10.params = align="top" id="fmenu-{elementUid}-1" |*||*| align="top" alt="+" title="+" id="fmenu-{elementUid}-2"
ACTIFSUB.before.cObject.20.file = {$lib.treemenu.imgFolder}{$lib.treemenu.folder_ope nImg}
ACTIFSUB.before.cObject.20.altText = Click to close
ACTIFSUB.before.cObject.20.titleText = Click to close
ACTIFSUB.before.cObject.20.params = align="top" id="fmenu-{elementUid}-0"
ACTIFSUB.allWrap = <li>|<ul id="fmenu-{elementUid}" style="display:block;">
CURIFSUB < .IFSUB
CURIFSUB.ATagParams = class="act"
}
10.5 < .10.4
10.5 {
NO.before.cObject {
4 = IMAGE
4.file.import = {$lib.treemenu.imgFolder}
4.file.import.data = register:level5tree
4.file.import.listNum = 0
4.params = align="top"
}
CUR.before.cObject.4 < .NO.before.cObject.4
IFSUB.before.cObject.4 < .NO.before.cObject.4
IFSUB.before.cObject.40.level5tree >
IFSUB.before.cObject.40.level6tree = {$lib.treemenu.vertlineImg} |*||*| {$lib.treemenu.spaceImg}
ACTIFSUB < .IFSUB
ACTIFSUB = 1
ACTIFSUB.before.cObject.10.file = {$lib.treemenu.imgFolder}{$lib.treemenu.expandImg} |*||*| {$lib.treemenu.imgFolder}{$lib.treemenu.expand_cor nerImg}
ACTIFSUB.before.cObject.10.altText = +
ACTIFSUB.before.cObject.10.titleText = +
ACTIFSUB.before.cObject.10.params = align="top" id="fmenu-{elementUid}-1" |*||*| align="top" alt="+" title="+" id="fmenu-{elementUid}-2"
ACTIFSUB.before.cObject.20.file = {$lib.treemenu.imgFolder}{$lib.treemenu.folder_ope nImg}
ACTIFSUB.before.cObject.20.altText = Click to close
ACTIFSUB.before.cObject.20.titleText = Click to close
ACTIFSUB.before.cObject.20.params = align="top" id="fmenu-{elementUid}-0"
ACTIFSUB.allWrap = <li>|<ul id="fmenu-{elementUid}" style="display:block;">
CURIFSUB < .IFSUB
CURIFSUB.ATagParams = class="act"
}
20 = TEXT
20.data = register:ifSubUidList
20.postUserFunc = user_foldoutMenu->JSWrapper
20.postUserFunc.prefix = fmenu
20.postUserFunc.startFolded = 1
20.postUserFunc.enableCookie = 1
20.postUserFunc.imagePath = {$lib.treemenu.imgFolder}
20.postUserFunc.imageSwap (
["{$lib.treemenu.folder_closedImg}","{$lib.treemenu.folder_openImg}"],
["{$lib.treemenu.collapseImg}","{$lib.treemenu.expandImg}"],
["{$lib.treemenu.collapse_cornerImg}","{$lib.treemenu.expand_cornerImg}"],
["{$lib.treemenu.collapse_corner_firstImg}","{$lib.treemenu.expand_corner_firstImg}"],
["{$lib.treemenu.collapse_firstImg}","{$lib.treemenu.expand_firstImg}"]
)
20.postUserFunc.altSwap (
["Click to open","Click to close"],
["+","-"],
["+","-"],
["+","-"],
["+","-"]
)
20.required = 1
}
... продолжение ниже