magnify

UvumiTools Dropdown Menu

Armin Bartsch, Freitag, 19. Juni 2009

Sehr gutes DropDown Menue das mit meinem lieblings Framework mootools arbeitet. Das Menü kommt hier zum Einsatz (siehe Menü oben)

Das UvumiTools Dropdown Menu lässt sich einfach un schnell in eine Website einbinden. Es ist nur einfaches HMENU notwendig um den Quelltext des Menüs zu erzeugen.

  1. lib.menue >
  2. lib.menue = HMENU
  3. lib.menue {
  4.   special = directory
  5.     special.value = 5
  6.     1 = TMENU
  7.     1 {
  8.       expAll=1
  9.       wrap = <ul id="dropdown" class="dropdown">|</ul>
  10.       NO = 1
  11.       NO {
  12.           wrapItemAndSub = <li>|</li>
  13.      }
  14.     }
  15.     2 = TMENU
  16.     2 {
  17.         expAll=1
  18.         wrap = <ul>|</ul>
  19.         NO {
  20.           wrapItemAndSub = <li>|</li>
  21.           stdWrap2.wrap = <span class="hinwe">|</span>
  22.           stdWrap2.if.isTrue.field = newUntil
  23.     }
  24.     SPC = 1
  25.     SPC {
  26.     doNotShowLink = 1
  27.     doNotLinkIt = 1
  28.     after.cObject = USER
  29.     after.cObject.userFunc = user_IProcFunc->add_tt_news_Cat
  30.       #IProcFunc = user_IProcFunc->add_tt_news_Cat
  31.     }
  32.   }
  33.     3 < .2
  34.     4 < .3
  35. }

Jetzt muss nur noch das CSS und das JavaScript eingebunden werden.

  1. page {
  2.   includeCSS.file1 = fileadmin/css/uvumi-dropdown.css
  3.   includeJS.file1 = fileadmin/js/mootools-for-dropdown.js
  4.   includeJS.file2 = fileadmin/js/UvumiDropdown.js 
  5.   inlineJS.10 = TEXT
  6.     inlineJS.10.value (
  7.       window.addEvent('domready',function(){
  8.       var menu = new UvumiDropdown('dropdown');
  9.     });
  10.     )
  11. }

Weiterfuehrende Information

Externe Links

Entwicklungsumgebung

TYPO Version:
4.2.6
magnify

Kommentare

Ins Gästebuch eintragen
  • “ Guten Tag, ich probiere schon die ganze zeit dieses menu auf unsere neue seite zu integrien.
    leider kriege ich dieses nicht zum laufen.

    ich arbeite mit typo3 3.4.1
    und templa voila 1.4.1
    t3mootools 1.3.0

    gibt es eine bessere dokumentation.

    ich wäre ihnen sehr dankbar für hilf.

    Gruss adrian ”
    von adrian schwab am Montag, 08-02-10 15:12, http://web-id.ch
    Hallo,

    es handelt sich um ein recht einfaches HMENU. Wo liegt denn das Poblem? Bei der Erzeugung des Quelltextes oder dem JavaScript
    Armin
  • “ Hallo Adrian,
    Ich hatte dasselbe Problem
    Bei mir lag es daran, dass die Syntax "inlineJS" mittlerweile in "jsInline" umbenannt wurde. Nechdem ich das bei dem obigen schnipsel geändert habe, hat alles funktioniert.

    Gruss Holger ”
    von Holger am Dienstag, 09-02-10 16:08, http://h-hartmann.eu
  • “ hallo,
    ich habe eine mittig ausgerichtete navigation und mootools scheint die ganze geschichte so zu beeinflussen dass diese nun auf einmal linksbündig ist... was kann denn hier aufgetreten sein? danke schonmal! ”
    von Daniel am Donnerstag, 06-05-10 20:10, ###GUESTBOOK_HOMEPAGE###

Snippets

MERKLISTE

Login

Anmelden

Sponsored by:

ideenwerft webhosting

Wunschzettel