@JayR:
guck mal hier: http://www.youngpup.net/_projectDownloads/ypslideoutmenus.zip da is die jslib drin.
@all:
so meinen fortschritt könnt ihr hier bewundern: http://www.volldiegosse.de/t3
leider hab ich noch ein paar probleme:
- im level 1 verschwindet beim rollover die schrift
- im second level bringen änderungen irgendwie garnix. warum werden die Menüpunkte immer als liste (mit diesen knubbeln davor) angezeigt?
- wie passe ich das design der submenus generell an?
- könnte jemand vielleicht die einstellungen in der ypmenu.php genau erklären? wäre wirklich nett.
vielen dank für die hilfe schonmal im voraus.
mfg felix
@F.Eppmann:
Vielleicht bin ich zu blöd zum entpacken, aber in dem zip ist die jslib nicht drin!!!
War die Datei evtl. mal in dem package dabei....und jetzt nicht mehr?????
hm da hab ich wohl irgendwie was durcheinander gebracht. is wohl doch nich dabei und ich kann mir plötzlich selber nicht erklären woher ich meine jslib habe.:o
naja, ich kann dir ja einfach mal den inhalt von meiner posten. aber bin mir relativ sicher, dass das nich alles so ganz richtig ist, was da drin steht. vielleicht könnte sich ja mal ein profi hier melden und uns unwissende aufklären.
// the number you pass to initLeft doesn't matter since it will get
// changed onactivate
var myMenu1 = new ypSlideOutMenu("menu1", "down", -1000, 25, 180, 200)
var myMenu2 = new ypSlideOutMenu("menu2", "down", -1000, 25, 180, 200)
var myMenu3 = new ypSlideOutMenu("menu3", "down", -1000, 25, 180, 200)
// for each menu, we set up hte onactivate event to call repositionMenu with the amount offset from center, in pixels
myMenu1.onactivate = function() { repositionMenu(myMenu1, -90); }
myMenu2.onactivate = function() { repositionMenu(myMenu2, -31); }
myMenu3.onactivate = function() { repositionMenu(myMenu3, 24); }
// this function repositions a menu to the speicified offset from center
function repositionMenu(menu, offset)
{
// the new left position should be the center of the window + the offset
var newLeft = getWindowWidth() / 2 + offset;
// setting the left position in netscape is a little different than IE
menu.container.style ? menu.container.style.left = newLeft + "px" : menu.container.left = newLeft;
}
// this function calculates the window's width - different for IE and netscape
function getWindowWidth()
{
return window.innerWidth ? window.innerWidth : document.body.offsetWidth;
}
ypSlideOutMenu.writeCSS();
Es scheint aber so, als hätten wir alle dieselben Probleme!!!!
Auf Euren Seiten sieht das Menü auch nicht gerade dem Original ähnlich und verhält sich auch sehr verspult!
Dasselbe bei mir: http://janrembold.com/index.php?id=60
Die Datei jslib.js enthält im Original (von mozdev) über 300 Zeilen und hat, so wie's aussieht keinen Einfluss auf das Menü!
@ clicks & jenses: Der Aufruf nach "den Profis" galt wohl Euch! 🙂
Gruß Jan
@F.Eppmann: Installiere mal bitte ImageMagick. Dann sollte auch die knubbeln weggehen.
Es steht wirklich alles, was zum Funktionieren des Menüs benötigt wird,
in diesem Thread.
Die fehlenden JS-Libs würde man natürlich auch auf www.meade.de finden,
so man denn in der Lage ist, einen Quelltext zu lesen #giggle# .
Empfehlenswert ist es auch, sich die Stylesheets vorzunehmen und zu analyzieren,
genau wie das php-Script zum Menü.
Clicks hatte ja auch geschrieben, das alles BETA ist
und auf seine Seite zugeschnitten.
Und ihr erwartet, das es auf euren Seiten sofort,
ohne Anpassungen funktioniert #paralyzed# :o
jenses
juhu, ich habs nun fast komplett fertig gekriegt: http://www.volldiegosse.de/t3/
erstmal danke an jenses. mal in den quelltext reinschauen war wirklich ne gute idee.
nun hab ich aber noch zwei probleme:
- die thirdlevel-menus funktionieren noch nicht so ganz (siehe oben). was muss ich da anpassen?
- im level1-menü wird die schrift beim rollover nicht angezeigt. jemand ne ahnung warum? :o
also schaut mal hier:
www.sci-worx.com
bin gerde dabei das Menu weiter an verschiedene Browser an zu passen.
Bei Fragen bitte per icq oder noch mal im forum melden (besser icq).
an sich steht alles hier im Forum schon dirn aber eure Probleme musste ich auch schon meistern^^-
Gruß libi
Ich finds ja recht beeindruckend wie gut ihr dieses Menü in eure Seiten integriert. Ich würde das gerne in einem Kopfframe verwenden, kriegs aber nicht korrekt zum laufen. Die obersten Menüs werden angezeigt, aber es kommt nichts "geslidet". Wenn ich es mit einer einfachen Testseite probiere funktioniert das, also liegt der Fehler in meiner Framekonstruktion.
Könnt ihr bitte mal eine Blick auf folgendes Typoscript werfen, ich glaub nämlich ich werd langsam "Betriebsblind"..
LG und Danke
Basti
config.extTarget = page
frameset = PAGE
frameset.headerData.10 = TEXT
frameset.headerData.10.value = <script type="text/javascript" src="fileadmin/template/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/template/jslib.js" language="JavaScript"></script>
frameset.typeNum = 0
unten = PAGE
unten.typeNum = 1
oben = PAGE
oben.stylesheet = fileadmin/template/navi.css
oben.includeLibs.ypMenu = fileadmin/template/ypMenu.php
oben.typeNum = 3
meinframeset.frameSet {
rows = 150,*
params = border="0" framespacing="0" frameborder="NO"
1 = FRAME
1.obj = oben
oben.includeLibs.ypMenu = fileadmin/template/ypMenu.php
1.params = scrolling="AUTO" noresize frameborder="NO" marginwidth="0"
marginheight="0"
2 = FRAME
2.obj = unten
2.params = scrolling="Auto" noresize frameborder="NO"
}
*************************************************
* definieren des Kopf-Frames (Menü)
*************************************************
oben.includeLibs.ypMenu = fileadmin/template/ypMenu.php
oben.headerData.5 = TEXT
oben.headerData.5.value = <script type="text/javascript" src="fileadmin/template/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/template/jslib.js" language="JavaScript"></script>
oben.10 = TEMPLATE
oben.10 {
template = FILE
template.file = fileadmin/template/oben-template.htm
workOnSubpart = DOKUMENT
marks.MENU_MAIN >
marks.MENU_MAIN = HMENU
marks.MENU_MAIN.1 = GMENU
marks.MENU_MAIN.1 {
# IProcFunc = user_menu->firstLevel
target = page
expAll = 1
wrap = |
IFSUB = 1
IFSUB {
wrap = |
XY = [50.w]+20, 25
backColor = #cccccc
50 = TEXT
50 {
text.field = title
fontSize = 12
fontFile = fileadmin/verdana.ttf
fontColor = #222222
offset = 10,17
niceText = 1
}
100 = || IMAGE
100.file = fileadmin/spacer.gif
}
NO {
wrap = |
XY = [50.w]+20, 25
backColor = #cccccc
50 = TEXT
50 {
text.field = title
fontSize = 12
fontFile = fileadmin/verdana.ttf
fontColor = #222222
offset = 10,17
niceText = 1
}
100 = || IMAGE
100.file = fileadmin/spacer.gif
}
RO < marks.MENU_MAIN.1.NO
RO = 1
RO {
backColor = #ffca51
}
IFSUBRO < marks.MENU_MAIN.1.NO
IFSUBRO = 1
IFSUBRO {
backColor = #ffca51
}
}
marks.MENU_MAIN.2 = TMENU
marks.MENU_MAIN.2 {
IProcFunc = user_menu->secondLevel
expAll = 1
NO.linkWrap = <li>|</li>
}
marks.MENU_MAIN.3 = TMENU
marks.MENU_MAIN.3 {
IProcFunc = user_menu->thirdLevel
expAll = 1
NO.linkWrap = <li>|</li>
}
marks.MENU_MAIN.4 = TMENU
marks.MENU_MAIN.4 {
IProcFunc = user_menu->fourthLevel
expAll = 1
NO.linkWrap = <li>|</li>
}
}
# append Menu JS to page
oben.20 = USER
oben.20.userFunc = user_menu->menuEnd
**************************************************
* definieren des Body-Frames (Content)
**************************************************
unten.20 = TEMPLATE
unten.20 {
template = FILE
template.file = fileadmin/template/unten-template.htm
workOnSubpart = DOKUMENT
marks.CONTENT < styles.content.get
}
ich weis nicht aber langsam könnte man ja schon eine doku schreiben
nur für dieses menü.... 😃
Hallo nochmal^^🙂
Leider hab ich im Moment recht wenig Zeit.
...
Ich werde versuchen alle eure Probleme zu lösen wenn ich morgen abend zuhause bin und etwas ruhe habe.
Viele Grüsse Alex
@schmutti
Durch dein Framegefummel steig ich irgendwie nicht richtig durch (ich mag keine frames, sorry.)
kann ich mir irgendwo den code Ansehen der Ausgegeben wird dann könnte ich Dir sicher helfen.
Ja das Menü wird für mich auch langsam zum running-Gag! Ich würde auch liebend gerne auf die FrameKonstruktion verzichten, muss aber eine 4images Galerie einbinden.
Schau mal unter http://www.schmuttermaier.de
LG
Basti
Also erstmal musst du imagemagick zum laufen bekommen.
Dann wird bei dir der menucode für das klappmenu garnicht ausgegeben.
4images kannst du auch ohne frames einbinden.
Wie oben geschrieben funktioniert das Menü problemlos wenn ich es auf einer normalen (also nicht Frame-) Seite einbinde, aus diesem Grund gehe ich davon aus das meine imagemagick Einstellungen korrekt sind. Wie kann ich 4images anders einbinden? Das passt evtl. nicht in diesen Thread aber vielleicht kannst du mir ja nen sanften Stoss in die richtige Richtung geben?!
LG
Basti
mit imagemagic meinte ich das du beim mouseover keinen menutitel mehr hast, dass kann nämlich daran liegen.
Dein menucode wird jedenfalls nicht ausgegeben und deswegen ist auch nix mit SlideOut🙂
ganz so easy ist das mit den 4images natürlich nicht.
es würde sich ein iframe container anbieten oder du schreibst das 4images etwas um und includierst es in deine Webseite rein🙂
(muss es umbeding 4Images sein?, vielleicht was mit typo machen?)
Den Verdacht hatte ich auch das "es ganz so easy eben nicht" ist ;-) Und ja es muss 4images sein, allen anderen Lösungen fehlen Features auf die ich nicht verzichten möchte.
Kann den niemand was zu meiner Framekonstruktion beitragen?
Basti
# append Menu JS to page
oben.20 = USER
oben.20.userFunc = user_menu->menuEnd
da kommt doch was nicht hin...
am ende deiner seite wird gar kein menucode ausgegeben.
Genau diese zwei Zeilen habe ich auch im Verdacht, ich definiere ja den oberen Frame als "oben", aber das Script wird trotzdem nicht korrekt zugewiesen?!
Basti
Tach leute...
Also ich hab schon viele varianten und anpassungen versucht... aber ich bekomms einfach nich hin, dass da überhaupt was in richtung menü angezeigt wird...
#####################################
# Allgemeine Config
#####################################
config {
simulateStaticDocuments = 1
simulateStaticDocuments_addTitle = 30
simulateStaticDocuments_pEnc = md5
simulateStaticDocuments_noTypeIfNoTitle = 1
# AdminPanel aktivieren
admPanel = 1
# XHTML erzwingen
doctype = xhtml_trans
xhtml_cleaning = all
}
#####################################
# TEMPLATE
#####################################
page = PAGE
page.typeNum = 0
page.headerData.10 = TEXT
page.headerData.10.value = <script type="text/javascript" src="fileadmin/scripts/ypMenu/ypSlideOutMenus.js" language="JavaScript"></script><script type="text/javascript" src="fileadmin/scripts/ypMenu/jslib.js" language="JavaScript"></script>
page.includeLibs.gmenu_layers = media/scripts/gmenu_layers.php
page.includeLibs.tmenu_layers = media/scripts/tmenu_layers.php
page.includeLibs.ypMenu = fileadmin/scripts/ypMenu/ypMenu.php
page.stylesheet = fileadmin/templates/style1/styles.css
page.10 = TEMPLATE
page.10{
template = FILE
template.file = fileadmin/templates/style1/template.htm
workOnSubpart = TYPO3_BEREICH
marks.INHALT = COA
marks.INHALT {
10 = CONTENT
10.table = tt_content
10 < styles.content.get
20 < temp.geaendert_am
}
marks.MENU >
marks.MENU = HMENU
marks.MENU.1 = GMENU
marks.MENU.1 {
IProcFunc = user_menu->firstLevel
target = page
expAll = 1
wrap = |
IFSUB = 1
IFSUB {
wrap = |
XY = [50.w]+20, 25
backColor = #cccccc
50 = TEXT
50 {
text.field = title
fontSize = 12
fontFile = fileadmin/verdana.ttf
fontColor = #222222
offset = 10,17
niceText = 1
}
100 = || IMAGE
100.file = fileadmin/spacer.gif
}
NO {
wrap = |
XY = [50.w]+20, 25
backColor = #cccccc
50 = TEXT
50 {
text.field = title
fontSize = 12
fontFile = fileadmin/verdana.ttf
fontColor = #222222
offset = 10,17
niceText = 1
}
100 = || IMAGE
100.file = fileadmin/spacer.gif
}
RO < marks.MENU_MAIN.1.NO
RO = 1
RO {
backColor = #ffca51
}
IFSUBRO < marks.MENU_MAIN.1.NO
IFSUBRO = 1
IFSUBRO {
backColor = #ffca51
}
}
marks.MENU.2 = TMENU
marks.MENU.2 {
IProcFunc = user_menu->secondLevel
expAll = 1
NO.linkWrap = <li>|</li>
}
marks.MENU.3 = TMENU
marks.MENU.3 {
IProcFunc = user_menu->thirdLevel
expAll = 1
NO.linkWrap = <li>|</li>
}
marks.MENU.4 = TMENU
marks.MENU.4 {
IProcFunc = user_menu->fourthLevel
expAll = 1
NO.linkWrap = <li>|</li>
}
# marks.MENU = COA
# marks.MENU {
# 10 < temp.hauptmenu
# }
marks.MENURECHTS = COA
marks.MENURECHTS {
wrap = <div style="margin:0px; height:auto; width:150px;border:0px; padding-left:10px; padding-right:0px; padding-bottom:5px; padding-top:5px; border-left:1px dotted #cccccc;" align="center"> | </div>
10 < temp.sprache
20 < temp.loginbox
30 < plugin.tx_macinasearchbox_pi1
}
marks.SUBMENU = COA
marks.SUBMENU {
10 < temp.submenu
}
}
#####################################
# append Menu JS to page
#####################################
page.20 = USER
page.20.userFunc = user_menu->menuEnd
im quelltext komm NICHTS raus... absolut tote hose -_- und ich weiss nich woran es liegt 🙁 (schon viel rumprobiert und abgeändert ohne ende... aber es half bisher nichts...)
bitte helft mir, ein Tipp in die richtige richtung würd mir eigentlich schon reichen o.O
MfG
Hi,
hast Du schon mehr erfahrung mit TYPO3?
Oder fängst Du erst an mit TYPO?
Gruß