Zum Inhalt springen

[Beispiel] ypMenu ( GMENU horizontal , ypSlideOutMenus )

Erstellt am 25. Januar 2005 · 119 Antworten · letzte Antwort am 13. November 2007 · Seite 3 von 6

Tags: JavaScript & AJAX, Tipp

Unbekannter Benutzer ·

Was kann man machen , damit bei ausgeschaltetem
Javascript die unteren Menüebenen nicht sichtbar werden ?

Bei allen Webseiten , die YpMenu verwenden ,
werden die Submenüs "statisch" sichtbar ,
wenn Javascript ausgeschaltet ist.
Entweder direkt unter "Hauptmenüleiste" oder am Seitenende sieht man
die komplette Liste der Submenüeinträge.

Schade eigentlich , denn ich wollte mir eine ähnliche
"Menüstruktur" wie bei www.bonn.de für mein
zukünftiges Regionalportal kreieren.

Findet sich diesbezüglich keine Lösung ,
werde ich wohl auf TMENU_LAYER umsteigen.

Dort wäre zumindest die Hauptmenüleiste bedienbar
und die Layer wären bei ausgeschaltetem
Jacascript unsichtbar.

Mir ist es wichtig , da einige Besucher partout
kein Javascript einschalten.

Bis jetzt muß ich mich mit einer "noscript"-Browserweiche
zufrieden geben .
Mittels dieser wird ein Besucher ohne Javascript
aufgefordert/erinnert Javascript einzuschalten.
Darin ist auch ein Link enthalten ,
der dem "unwissenden" Besucher hilft ,
Javascript zu aktivieren.

Wäre schön wenn jemand eine ander Lösung
vorschlagen könnte.

silverzone ·

hallo zusammen

ich verstehe das irgendwie nicht... #evil# #evil# #evil#

jetzt habe ich 4 stunden an diesem menü gebastetlt und es klappt immer noch nicht. bis jetzt wird folgendes angezeigt:
http://sirnach.h-it.ch/dummy-3.7.0

das problem ist, dass die menüs nicht aufklappen (die kategorie news hat als einzige unterkategorien)

sieht da jemand gleich den fehler? habe die dateien übernommen und eigentlich fast nix bis auf die id geändert.

was mir immer noch nicht klar ist:

20 < temp.user_menu

was bring das?
ich hab ja gar kein temp.user_menu
wass muss da drinn stehen

gruss stefan

Strichmaennli ·

hallo

möchte mir ein vertikales ypmenu erstellen und jetzt sind die untermenüs ständig eingeblendet. siehe http://rpc.strichmaennli.ch

--> wie bekomme ich die weg, bzw. wie bekomme ich es hin, dass das 2. und 3. untermenü ausgeslidet wird?

Habe auf einer anderen Seite ein horizontales menü erstellt. Da funktioniert alles tip top.

danke für eure hilfe.

molari ·

IE 6 und ypMenu

Habe das ypMenu eingebaut und es funktioniert wunderbar. Nur ein kleines Problem mit dem IE6. Wenn eine Seite neu aufgerufen wird, erscheinen für den Bruchteil einer Sekunde links alle Untermenüpunkte vertikal angeordnet.

Hat einer eine Idee wie man dies vermeiden kann ?

PS: Im Firefox läuft alles superkorrekt

KaeptnOvi ·
rommy schrieb

Was kann man machen , damit bei ausgeschaltetem
Javascript die unteren Menüebenen nicht sichtbar werden ?

schau dir dazu doch mal den workaround von lulatsch an, den er im www.meade.de-thread beschrieben hat:
#15065
[/url]

Liberation ·

Hi,
das liegt daran das der IE beim laden schon teile der Webseite anzeigt und somit auch die eigendlich unsichtbaren menuteile sichtbar sind.

schau mal quellcode der webseite www.sci-worx.com da habe ich das durch einen kleinen trick ausgeblendet.

StefanBeike ·
s.sach schrieb

Also ich hatte auf dem Account, wo das Menü nichtfunktionierte noch Typo 3.6 Beta2 laufen. Hab es auf 3.6.2 upgedatet und nun funktioniert das Menü #paralyzed#

hatte das Problem auch. Liegt wirklich an der Version. t3lib_page.php hatte die getmountpointinfo noch nicht implementiert.

RChristian ·

Hallo Leute,

hat einer von euch eine Ahnung warum bei mir der IE6 - Browser die untermenüs nicht anzeigt? Im Firefox funktioniert der menü einwandfrei nur im IE6 nicht.

Hier könnt ihr mein code für das menu sehen:

config.no_cache = 1

# include der menü script
###################
page.includeLibs.ypMenu = fileadmin/scripts/ypMenu/ypMenu.php 
page.headerData.11 = TEXT 
page.headerData.11.value = <script type="text/javascript" src="fileadmin/scripts/ypMenu/ypSlideOutMenus.js" language="JavaScript"></script> 
page.headerData.12 = TEXT 
page.headerData.12.value = <link rel="stylesheet" type="text/css" href="fileadmin/skripts/ypMenu.css" />


temp.ypMenu.excludeUidList = 2, 15, 16, 17, 18, 19
temp.ypMenu = HMENU 
temp.ypMenu { 
     1 = GMENU 
     1 { 
          IProcFunc = user_menu->firstLevel 
          expAll = 1 
          wrap = | 
          NO = 1 
          NO { 
               wrap = | 
               XY = [50.w]+34, 20 
               backColor = #000000
               30 = IMAGE 
               30.file = fileadmin/template/imgs/grafik_menue_oben.jpg
               50 = TEXT 
               50 { 
                    text.field = title 
                    fontSize = 10 
                    fontFile = fileadmin/template/fonts/arial.ttf 

                    fontColor = #ffffff
                    offset = 30,16
                    niceText = 1 
                    transparentBackground = 1

               } 
          } 

          IFSUB < temp.ypMenu.1.NO 
          IFSUB = 1 

          RO < temp.ypMenu.1.NO 
          RO = 1 
          RO { 
               backColor = #000000
               30 < .30
               50 {
                    fontColor = #608C28
               }
          } 

         ACT < temp.ypMenu.1.NO
         ACT = 1
         ACT {
               backColor = #000000
               30 < .30
               50 {
                    fontColor = #FE9900 
               }
          }

          IFSUBRO < temp.ypMenu.1.NO 
          IFSUBRO = 1 
          IFSUBRO { 
               backColor = #000000
               30 < .30
               50 {
                    fontColor = #608C28
               }
          } 
     }    

     2 = TMENU 
     2 { 
          IProcFunc = user_menu->secondLevel 

          expAll = 1 
          NO.linkWrap = <li>|</li> 
     } 

     3 = TMENU 
     3 { 
          IProcFunc = user_menu->thirdLevel 
          expAll = 1 
          NO.linkWrap = <li>|</li> 
     } 


} 


temp.user_menu = USER 
temp.user_menu.userFunc = user_menu->menuEnd

mfg,

RChristian

aschne1 ·

Hallo

Mein ypMenu funktioniert eigentlich ganz gut. Nur wenn ich die Seite XHTML-validiere erhalte ich eine Fehlermeldung von den Hauptmenüpunkten bei denen kein Untermenü hinterlegt ist (z.B. Home)

<div id="menu16Container" class="mmContainer">
   <div id="menu16Content" class="mmContent" style="-moz-opacity:.....">
      <ul class="mmLevel1"></ul>    // Hier liegt der Fehler !!!!
   </div>
</div>

Wie gehe ich am besten vor, damit mir der Validator freundlicher gesinnt ist?

Besten Dank + Gruss

Armin

TFG ·

Hi

Ich bin wirklich am verzweifeln. 😢 Nachdem ich die Menüs via TMENU_LAYERS vor allem mit Opera (ganz links) und bei Firefox (ein Versatz um 1px in y) nicht wirklich zum Laufen gebracht habe, bin ich auf das ypMenu gestossen.

Ich habe das versucht zu implementieren mit Hilfe der vorliegenden Anleitung. #paralyzed# Doch leider habe ich es nicht geschafft, dass das "externe" Template (temp.ypMenu) irgendwie erkannt wurde. So habe ich alles in mein Haupttemplate integriert. Nun sehe ich ausser der Hauptnavigation gar nix, denn keine Unternavi geht auf. #angry# Ich muss fairerweise dazu sagen, dass ich die Hauptnavigation nicht mit GMENU, sondern mit TMENU implementiert habe, was hoffentlich keine "Nebenwirkungen" ergibt.

Wer kann helfen, denn langsam verzweifle ich ganz wegen der Menüs? Da ich aber im Endausbau der Website jede Menge Links haben werde, bin ich auf mehrstufige Pulldown-Menüs angewiesen...

Hier mal der Code aus meinem Template (unwichtige Sachen habe ich entfernt):

# Template einbinden
seite = PAGE
config.no_cache = 1 
seite.includeLibs.ypMenu = uploads/ypMenu/ypMenu.php 
seite.headerData.11 = TEXT 
seite.headerData.11.value = <script type="text/javascript" src="uploads/ypMenu/ypSlideOutMenus.js" language="JavaScript"></script>

seite.typeNum = 0

#CSS Files einbinden
seite.includeCSS {
  file1 = fileadmin/_styles/common.css
  file2 = fileadmin/_styles/guestbook.css
  file3 = fileadmin/_styles/ypMenu.css
}

# Standardsprache deutsch
config.sys_language_uid = 0
config.language = de
config.locale_all = de_DE
plugin.tx_news._DEFAULT_PI_VARS.lang = 0


***Seite aufbauen für Template***

seite.10 = TEMPLATE

seite.10 {
  template = FILE
  template.file = fileadmin/whiskymania_vorlage.html

  workOnSubpart = DOKUMENT

  # Navigationspfad / Brotkruemelnavigation
  subparts.NAVIPFAD = HMENU
  subparts.NAVIPFAD {
    special = rootline
    special.range = | 1 | 2 | 3
    1 = TMENU
    1.NO = 1
    1.NO.linkWrap = | »  |  
  }

# Menue erzeugen
# marks.MENUE.special = directory -> funzt nicht, wenn eingeschaltet 
marks.MENUE = HMENU 
marks.MENUE { 
     1 = TMENU 
     1 { 
          IProcFunc = user_menu->firstLevel 
          expAll = 1 
          wrap = | 
          NO = 1 
          NO {
            allWrap = <td nowrap=""> | </td>
            ATagBeforeWrap = 1
            ATagParams = class="Menu"

            10 = text
            10.text.field = title
          }
     }

     2 = TMENU 
     2 { 
          IProcFunc = user_menu->secondLevel 
          expAll = 1 
          NO.linkWrap = <li>|</li> 
     } 

     3 = TMENU 
     3 { 
          IProcFunc = user_menu->thirdLevel 
          expAll = 1 
          NO.linkWrap = <li>|</li> 
     } 

     4 = TMENU 
     4 { 
          IProcFunc = user_menu->fourthLevel 
          expAll = 1 
          NO.linkWrap = <li>|</li> 
     } 
} 

marks.user_menu = USER
marks.user_menu.userFunc = user_menu->menuEnd 

# Inhalt erzeugen

marks.INHALT < styles.content.get
# marks.INHALT.wrap = <tr> <td class="txt"> | </td> </tr>

# Inhalt rechte Spalte erzeugen
marks.RSPALTE < styles.content.getRight
}

Ich hoffe, dass jemand Rat weiss!

Ach ja: zu sehen gibt es das "Resultat" unter: http://web13.hostspirit.ch

Vielen Dank!

Gruss Marc

TFG ·

Hallo zusammen!

Habe es nun zum Laufen gebracht, jedoch habe ich nun die 1. Navigationsebene wie im Beispiel beschrieben grafisch umgesetzt.

Nun habe ich unter Typo3 V3.8 das Problem wie schon zwei Kollegen vor mir: beim IE werden diese Menüpunkte untereinander statt nebeneinander angezeigt. Jemand hat scheinbar die Lösung gefunden, doch keiner hat sie bisher hier im Forum publiziert... 😢

Wer kann helfen?

Gruss und Dank!
Marc

RChristian ·

Hallo Leute,

hat niemand eine ahnung woran das liegt das mein menü im ie nicht angezeigt wird (auch keine fehlermeldung oder sowas in der art) und im Firefox funktioniert der menü einwandfrei.

mfg,
RChristian

Leon de Bár ·

Hallo Leute,

danke an alle die durch ihre Beiträge hier im Board Licht in mein unergründliches Dunkel gebracht haben.

Dennoch ergibt sich noch eine klitze kleine Frage die wohl hier schon erwähnt wurde mir aber nicht geholfen hat:

das Menü soll bei mir vertikal, also alle menuepunkte untereinander erscheinen. nun wenn ich in der .php Datei die änderung "right" vornehme bleibt mein menue wie in den beispiel horizontal aber die slides kommen nun von der seite...

bin ein neuling und begreife meinen fehler nicht. please help. #giggle#

rosieres ·

Hallo @ all,

bin sehr unerfahren was typo3 betrifft und versuche mich gerade an diesem menu.
ich habe meine index.html via templavoila gemappt
code der index

<style type="text/css" id="internalStyle">
           /*<![CDATA[*/
			BODY { margin: 20 20 20 20; }	
			/*]]>*/
</style>
<link href="main.css" rel="stylesheet" type="text/css" />
</head>

<body class="bhigru" bgcolor="#000000">
<table width="720" height="190" align="center" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="720" height="96" class="kopf" cellspacing="0" cellpadding="0"> 
	<tr>
	<td with="720" height="33" class="menu" cellspacing="0" cellpadding="0">
	<div class="tablemain1"> 
        <div id="cMenu">###MENU###</div>
		</div>
      </div>
	<tr>
	<td with="720" height="61" class="kopfunten" cellspacing="0" cellpadding="0">
</td>
  </tr>
  <tr> 
    <td class="contentpiclong" cellspacing="0" cellpadding="0"><p> </p>
      <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td id="contentol" width="352">
<p> </p>
            </td>
          <td id="contentor" width="352"> </td>
        </tr>
        <tr>
          <td id="contentul">
<p> </p>
            </td>
          <td id="contentur"> </td>
        </tr>
      </table>
      <p> </p>
      <p> </p>
      <p> </p>
      </td>
  </tr>
  <tr> 
......

habe folgenden TS SETUP code ( wobei ich gaube das ich dort vielleicht was falsch gemacht habe

# Default PAGE object:
page = PAGE
page.typeNum = 0
page.stylesheet = fileadmin/templates/main.css
page.10 = USER
page.10.userFunc = tx_templavoila_pi1->main_page
page.10{
marks.MENU = COA
     marks.MENU {
     10 < temp.ypMenu
     20 < temp.user_menu
     }
}

ich habe die ypMenu.css in meine main.css mit rein genommen

ich habe auch in mein Haupttemplate die temp.yp.Menu per Include Basis Template eingebunden

Hier die geänderte temp.ypMenu

#ypMenu
#
config.no_cache = 1
#
page.includeLibs.ypMenu = fileadmin/scripts/ypMenu.php
#
page.headerData.11 = TEXT
#
page.headerData.11.value = <script type="text/javascript" src="fileadmin/scripts/ypSlideOutMenus.js" language="JavaScript"></script> temp.ypMenu.special = directory
#
# 57 ist die ID der root-page - siehe screenshot
#
temp.ypMenu.special.value = 1
temp.ypMenu = HMENU
#
temp.ypMenu {
#
     1 = GMENU
#
     1 {
#
          IProcFunc = user_menu->firstLevel
#
          expAll = 1
#
          wrap = |
#
          NO = 1
#
          NO {
#
               wrap = |
#
               XY = [50.w]+20, 31
#
               30 = IMAGE
#
               30.file = fileadmin/scripts/menu_bg2.gif
#
               50 = TEXT
#
               50 {
#
                    text.field = title
#
                    fontSize = 10
#
                    fontFile = fileadmin/templates/fonts/verdana.ttf
#
                    fontColor = #222222
#
                    offset = 10,20
#
                    niceText = 0
#
                    transparentBackground = 1
#
               }
#
               100 = || IMAGE
#
               100.file = fileadmin/scripts/menu_space.gif
#
          }
#
 
#
          IFSUB < temp.ypMenu.1.NO
#
          IFSUB = 1
#
 
#
          RO < temp.ypMenu.1.NO
#
          RO = 1
#
          RO {
#
               backColor = #DDDDDD
#
               30 >
#
          }
#
 
#
          IFSUBRO < temp.ypMenu.1.NO
#
          IFSUBRO = 1
#
          IFSUBRO {
#
               backColor = #DDDDDD
#
               30 >
#
          }
#
     }   
#
 
#
     2 = TMENU
#
     2 {
#
          IProcFunc = user_menu->secondLevel
#
          expAll = 1
#
          NO.linkWrap = <li>|</li>
#
     }
#
 
#
     3 = TMENU
#
     3 {
#
          IProcFunc = user_menu->thirdLevel
#
          expAll = 1
#
          NO.linkWrap = <li>|</li>
#
     }
#
 
#
     4 = TMENU
#
     4 {
#
          IProcFunc = user_menu->fourthLevel
#
          expAll = 1
#
          NO.linkWrap = <li>|</li>
#
     }
#
}
#
 
#
temp.user_menu = USER
#
temp.user_menu.userFunc = user_menu->menuEnd

die bilder sind nicht vorhanden ... aber das sollte zum testen nichts ausmachen denn da sollte ich entweder nix oder nur ein weisses kästchen sehnen....
aber wenn ich meine startseite aufrufe dann steht dort temp.ypMenu.special = directory

hier noch ein link zum anschauen

http://web6.h118879.serverkompetenz.net/index.php?id=2

wäre toll wenn mir da jemand weiterhelfen könnte

Bebbi ·

Hi

betreffend dem Kommentar. Schreib mal das hier

temp.ypMenu.special = directory

auf eine neue Zeile. (Steht ziemlich am Anfang nach "language="JavaScript"></script>"

Viele Grüsse

Bebbi

rosieres ·

soweit os gut ... aber ich hab das mit der definition noch nicht verstanden irgendwie ?!!...
denn wenn ich zb. in der css datei ein higrubild angebe dann wird das einfach nicht übernommen ?! ...
ich sehe auch nicht wohin die.mmContent li etc. hinzeigen ...
#angry#
weil eigentlich hatte ich vor das die buttons der ersten ebene komplett durchsichtig bleiben damit die buttonleiste dahinter noch zu sehen ist ferner ist mir auch noch völlig unklar wir ich das menu "aufbrechen" kann damit ich 3 buttons ganz links habe und die anderen ganz rechts also die buttons per pixelangabe fixieren ...
ausserdem versuche ich einen anderen font anzugeben ... hab impact.ttf hochgeladen aber benutzt wird er trotzdem nicht gibts dafür special tricks ?

leu ·

Hallo Leute,

ich habe dieses Menü in der Version von Liberation aus dem Meadethread zum Laufen bekommen. Jedoch würded ich anstatt tmenu !alles! in gmenu realisiert haben. da das mnü ja auf css aufbaut, geht das sicherlich nicht so einfach. vielleicht könnte man die grafiken eines gmenu als hintergrundbild in die menüblöcke anzeigen lassen? ich habe keine vorstellung wie und vor allem wo ich vorgehen kann.

Vielleichr kann mir jemand helfen, der schon mehr Erfahrung mit dem Menü hat.

Gruß
Leu

leu ·

@rosieres

meiner Meinung ist bei dir nur die erste ebene als gmenu realisiert (wie überall.) ich will aber sämtliche menüpunkte mit dem gifbuilder erstellen. webnn ich alle punkte als gmenu angebe, würde allerdings alles durcheinadergeraten. zumindest soweit ich das überschaue.

rosieres ·

stimmt .. hab ich völlig überlesen das du alles vom gifbuilder erstellen lassen willst....
hast du noch garnicht ausprobiert ? wie sieht es denn aus wenn du das TS setup umschreibst auf gmenu ?