Extension talk:TreeAndMenu

From Organic Design wiki
Revision as of 15:00, 21 January 2009 by Phalseid (talk | contribs) (what do you mean by updating common.css? also, flush cache)
Info.svg This talk page pertains specifically to the development of this extension. For more general discussion about bugs and usage etc, please refer to the mediawiki.org talk page at MW:Extension talk:TreeAndMenu


This extension is basically a new version of TreeView5 which adds a #menu parser function. The resulting structure when using #tree is the same as TreeView5 except that the CSS class of the surrounding div element is still dtree.

The structure resulting from #menu is basically a normal HTML list except that it's top-level UL element exhibits the dmenu class (and an id attribute as well the same as with #tree). The main reason for extending TreeView5 to achieve what is little more than a normal bullet list is so that it can still take advantage of TreeView's ability to handle recursion properly when necessary. The resulting "plain vanilla" list can be combined with CSS rules to achieve a wide variety of effects. The Son of Suckerfish JavaScript code has been added by the extension so that dropdown menu's can be easily achieved with CSS rules.

The LIs in the "plain vanilla" menu HTML exhibit odd and even class attributes, and the content of the LIs starts with a div element of class submenu if the item contains any child items.

Example

The menu works from a small amount of JavaScript but is mainly CSS, below is the CSS rules used for this menu:


<css>

/*

  • Dynamic menus
  • /

.dmenu { width: 180px }

.dmenu, .dmenu ul { /* all lists */ padding: 0; margin: 0; list-style: none; } .dmenu .selflink { font-weight: normal; }

.dmenu li { /* all list items */ position: relative; float: left; width: 172px; padding: 4px; z-index: 100; }

.dmenu li, .dmenu li.even a, .dmenu li.odd a, .dmenu li li, .dmenu li li a, .dmenu li li li, .dmenu li li li a { color : black; }

.dmenu li li { margin: 0; }

.dmenu li ul { /* second-level lists */ position: absolute; left: -999em; z-index: 101; border: 1px solid #ccc; }

.dmenu li ul ul { /* third-and-above-level lists */ position: absolute; left: -999em; margin: 0 0 0 0; z-index: 102; }

.dmenu li.odd .submenu { width: 12px; height: 15px; float: right; background: url(/common/images/rarr-lt.png) 0 3px no-repeat; } .dmenu li.even .submenu { width: 12px; height: 15px; float: right; background: url(/common/images/rarr-dk.png) 0 3px no-repeat; } .dmenu li.odd { background: #E9EDF4; border: 2px solid #E9EDF4; } .dmenu li.even { background: #D0D8E8; border: 2px solid #D0D8E8; }

.dmenu li:hover, .dmenu li.sfhover { border: 2px solid #385D8A; }

.dmenu li:hover ul ul, .dmenu li:hover ul ul ul, .dmenu li.sfhover ul ul, .dmenu li.sfhover ul ul ul { left: -999em; }

.dmenu li:hover ul, .dmenu li li:hover ul, .dmenu li li li:hover ul, .dmenu li.sfhover ul, .dmenu li li.sfhover ul, .dmenu li li li.sfhover ul { /* lists nested under hovered list items */ left: 182px; top: -3px; } </css>

Extending Treeview5

Would an option here to have been to extend the treeview5 extension?

Problems configuring the extension

Hello, i don't know if this is the right place to ask this but i don't know someone else to ask too, I've followed the instructions from here http://www.mediawiki.org/wiki/Extension:Treeview but it still does not work for me, the tree appears like a nested list and this line {{#tree appears just like a static text (i did changed my MediaWiki:Common.css article. Can you help me to configure this? I really need this to work because it is very helpfully to me,

Thank you very much

If you're seeing the #tree symbol then it sounds like the extension's not installed, go to your Special:Version page and see if TreeAndMenu is in the list of installed extensions. Also, it would help to know what version of MediaWiki you're running. --nad 08:27, 21 January 2009 (NZDT)



in Special:Version is only this: Product Version MediaWiki 1.13.3 PHP 5.2.6 (apache2handler) MySQL 5.0.51b-community-nt-log

but in my LocalSettings.php file i have include("$IP/extensions/TreeAndMenu/TreeAndMenu.php"); (i also tried with include("extensions/TreeAndMenu/TreeAndMenu.php"); ) and no result. I've tried also with MediaWiki version 1.12.0

Thanks for helping me

Specifically you need to see if the TreeAndMenu extension show up in that Special:Version page, if its not showing up in there then you haven't done the correct include statement in your LocalSettings.php file. --nad 12:25, 21 January 2009 (NZDT)



Now i can see the TreeAndMenu in the Special:Version but i can't use the tree; i can use the menu but if i edit the main page and enter the lines

nothing appears (i did edit the articl http://localhost/wiki/index.php/MediaWiki:Common.css), not even a nested list; what can i do?

Thanks

what did you "edit" in the MediaWiki:Common.css (Finally, add the CSS stylesheet to your installation by modifying/creating your MediaWiki:Common.css article (note that's an article not a file). Otherwise, your menu will look just like a nested list.) also,check out this article on chache issues... --phalseid 04:00, 22 January 2009 (NZDT)