Okay, dann wollen wir mal. Ich habe das Layout mit einer Tabelle aufgebaut, die mittels CSS im Fenster eingemittet wird. Ich benutze den Autoparser, um die TD's und DIV's in Subparts zu verwandeln.
Das Problem, dass das Menü nicht auf meine eingemittete Tabelle ausgerichtet wurde, war, dass die mittels PHP erzeugten DIVs vom Menü nicht in den richtigen Container zu liegen kamen und deshalb die linke obere Fenster-Ecke als Bezugspunkt hatten.
Hier mal ein Schnippel meines HTML-Templates:
<table id="lay_main" cellspacing="0" cellpadding="0" border="0">
<tr>
<td id="lay_links"><img src="media/clear.gif" width="20"></td>
<td id="lay_mitte">
<div id="menu1_container">Hier wird das Menu eingefuegt</div>
###menuskript###
</td>
<td id="lay_rechts"><img src="media/clear.gif" width="20"></td>
</tr>
</table>
Der Marker ###menuskript### ist es nun, wo mein Skript hinkommen soll. Mit folgenden Zeilen im Setup passiert genau das:
# append Menu JS to page
temp.user_menu_inside = USER
temp.user_menu_inside.userFunc = user_menu->menuEnd
und folglich:
#das Menüskript einbinden:
marks.menuskript < temp.user_menu_inside
Das funktioniert so mit den "normalen" Skripten, also nicht jenem für eingemittete Menüs.
Ich hoffe, dass ich helfen konnte. Ist vielleicht etwas "freestyle", aber es funktioniert!
So bald ich den ersten Entwurf der Seite auf meinen Server hochgeladen habe, poste ich gerne den Link.
Liebergruss Pascal
Ich bekomme leider immernoch die Font Fehlermeldung, obwohl der font erreichbar ist.
Folgendes steht im apache error-log:
(32)Broken pipe: client stopped connection before rwrite completed
Irgendjemand eine Idee?
Habe alles so eingebunden wie es soll.
bekomme diese felhermeldung:
Fatal error: Call to undefined function: imagegif() in C:apachehtdocs 3libclass.t3lib_stdgraphic.php on line 2594
woran kann das liegen?
Gruß
@Liberation: Das bedeutet, dass du eine PHP-Version benutzt, bei der in der GD-Bibliothek die GIF-Funktionalität aus lizenzrechtlichen Gründen deaktiviert wurde.
Einfach auf die neueste PHP-Version aktualsisieren, dann sollte es klappen. Oder eben anstatt imagegif() die Funktionen imagejpeg() oder imagepng() nutzen.
Habe das Menu in der Seite drin🙂
Allerdings muss das Menu in deiner Tabelle eingemittelt sein.
Wie bekomme ich das hin?
Mit der Anleitung oben bin ich nicht ganz klar gekommen.
<td id="lay_mitte"> welche css Eigenschaft hast du hier für verwendet?
Hallo, ich bins noch mal.
Was muss ich am code rausnehmen wenn ich das oberste level mit manuell angefertigten Bilden machen will?
hat sich erledigt. habe alles mit typoskript zusammengebaut was ich an bildern brauchte🙂
Also das Menü gefällt mir wirklich sehr gut und ich würde es auch gerne verwenden.
Allerdings kriege ich es nicht so wirklich hin, dass es funktioniert.
Könnte mir vielleicht jemand alle Dateien und das TypoScript zur Verfügung stellen, sodass ich mal was funtionierendes habe und das anpassen kann?
Wäre wirklich sehr sehr nett.
MfG
Felix
Ich will mich auch demnächst an das menü machen. Wie schwierig ist es den code so umzuschreiben das man es für ein Menü links nehmen kann das nach rechts aufgeht? Eigent sich der Code dafür überhaupt?
Hallo Niko,
guckst du hier: 
#17824, vielleicht hilft dir das weiter!
Viele Grüße,
CrocodileR
ok...
ich hab noch probleme mit den RO Font Colors.. beim Mouseover verschwinden die fonts in level 1
desweiteren gibts probs mit der dritten ebene schaut mal http://jsmenu.kj187.de
Idee ?
Hab alles gemacht wie es hier stand *hoffe ich zumindest g*
Hallo,
erstmal vielen Dank für die Beschreibungen des Menüs!!!
Ich bin dem Beispiel mit den Markern gefolgt, und das Menü wird auch dargestellt. Allerdings ist schon das erste Submenü nach rechts unten verschoben, und das MouesOver ist völlig verspult.
Gibt es da irgendwelche kniffe die hier noch nicht beschrieben wurden???
Mir ist aufgefallen, dass häufig auf die Datei jslib.js verwiesen wird, die angeblich bei youngpup.net heruntergeladen werden kann!? Die Datei gibt es dort aber nicht!!!
Ich hab dann die aktuelle Version von jslib.mozdev.org runtergeladen. Ist das der Fehler?
Viele Grüße
Jan
@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
}