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.

lib.menue > lib.menue = HMENU lib.menue { special = directory special.value = 5 1 = TMENU 1 { expAll=1 wrap = <ul id="dropdown" class="dropdown">|</ul> NO = 1 NO { wrapItemAndSub = <li>|</li> } } 2 = TMENU 2 { expAll=1 wrap = <ul>|</ul> NO { wrapItemAndSub = <li>|</li> stdWrap2.wrap = <span class="hinwe">|</span> stdWrap2.if.isTrue.field = newUntil } SPC = 1 SPC { doNotShowLink = 1 doNotLinkIt = 1 after.cObject = USER after.cObject.userFunc = user_IProcFunc->add_tt_news_Cat #IProcFunc = user_IProcFunc->add_tt_news_Cat } } 3 < .2 4 < .3 }
  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.

page { includeCSS.file1 = fileadmin/css/uvumi-dropdown.css includeJS.file1 = fileadmin/js/mootools-for-dropdown.js includeJS.file2 = fileadmin/js/UvumiDropdown.js inlineJS.10 = TEXT inlineJS.10.value ( window.addEvent('domready',function(){ var menu = new UvumiDropdown('dropdown'); }); ) }
  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

Snippets

Sponsored by:

ideenwerft webhosting
ideenwerft caretaker