Well i did some work on the Tree and integrated it into my running project of a "GUI" (ment for backend work and stuff - not a frontend website) ...
An early Demo can be found here: http://www.artness.de/APF3/ featuring: - MooReas (Moo Areas) written by me autoscaling to its parent container even at window resize (try it) - MiniTree written by me (can be found inside the 1st MooRea Element - click on "Toggler 1" to the left - Shiny MooDal written by me - click on the Links at the bottom (e.g. "about") - MooSub written by me - i minimalistic DropDown Navigation with style (find it at the top navigation) - slightly modified rpflo resizeable (fixed calculation of the draghandle position if using cookie - didn't match the correct position of the attached element has margins or left-positions offsets) .. no general fix, just to make it work with what i need - auto fully CSS (no javascript) scaling and positioning "CSS Frames" - REAL PNG Shadows written by me (server-side PHP shadow generating) - you can see them behind the Shiny MooDals Have fun and let me know what you think of what is done so far ( do not compare with stuff like MochaUI - it is NOT something i had in mind nor is it something i see myself in competition with .. but ok, my stuff is just some kilobytes as of now) Regards Timo On 14 Dez., 00:45, Christoph Pojer <[email protected]> wrote: > Good stuff! > > In my tree components repository there is a "Collapse" and also a > "Collapse.Cookie" class:http://mootools.net/plugins/p/mootools_tree_components > > While it is a bit more code than your solution it is also more generic > (not limited to ul/li) and easier to extend. > > On Dec 13, 9:47 pm, Fli7e <[email protected]> wrote: > > > That is the point @Rolf. > > > I do not want it to be such a overloaded tree (btw miftree bugs in IE > > if the Tree is a bit bigger because its massive amount of used tags). > > > @Ryan: > > > I will wrap it up into some class with variable callbacks (ajax to > > container, url relocating and targeting iframes / frames). For now i > > am happy with it as is, the goal to have a REAL small Tree which do > > not look ugly has been achieved :-) > > > I will let you know about the progress of the Class. > > > On 13 Dez., 21:13, Rolf -nl <[email protected]> wrote: > > > > lol > > > > and then you could think you are reinventing the wheel and you could > > > just use/expand something like Mif tree.... > > > no? :) > > > > On Dec 13, 5:52 pm, Ryan Florence <[email protected]> wrote: > > > > > This is good stuff. > > > > > Now it just needs to be wrapped up in a class with some callbacks so > > > > you can do something when the folder is clicked (like make a request > > > > for it's contents from the server). > > > > > One ... challenge? ... with making stuff look like the desktop is that > > > > users assume it will act just like the desktop. So another next step > > > > would be keyboard navigation. > > > > > Ryan Florence > > > > > On Dec 12, 2009, at 10:59 PM, Fli7e wrote: > > > > > > Well, after working for hours (felt like) i kicked my previous idea > > > > > and restructured the tree. > > > > > > You can see a finaly WORKING Version of the Tree here: > > > > > >http://mooshell.net/SbWdd/ > > > > > > compared to the initial post it has: > > > > > > - easier to handle Markup > > > > > - only ONE Image now for all icons > > > > > - a little more event actions on enter/leave > > > > > - a little closer to the "Original" (Win7) > > > > > - Folder + Arrow now clickable > > > > > > Maybe this now working one has some stuff to be optimized (it is a > > > > > late night work) > > > > > > Timo > > > > > > NOT SENT BY ANY MOBILE DEVICE! > > > > > > On 12 Dez., 20:41, Fábio M. Costa <[email protected]> wrote: > > > > >> true. > > > > >> As a plus you shouldnt do this because you are not allowing users > > > > >> to use > > > > >> keyboard with your tree component. > > > > >> If i were you i would do the same thing you do onmouseenter on > > > > >> focus and the > > > > >> same for mouseleave/blur. > > > > >> This would make it friendly for keyboard users. > > > > > >> -- > > > > >> Fábio Miranda Costa > > > > >> Solucione Sistemas > > > > >> Engenheiro de interfaces > > > > > >> On Sat, Dec 12, 2009 at 5:29 PM, g.schlmm <[email protected]> > > > > >> wrote: > > > > >>> On 12/12/2009 08:31 PM, Fli7e wrote: > > > > > >>>> myTree.addEvent('focus', function(){ if(myTree.blur) > > > > >>>> myTree.blur(); }); > > > > > >>>>> Why are you doing this? > > > > > >>>> i do this to prevent the ugly outlines when you click on an anchor. > > > > > >>> you can also define > > > > >>> outline: 0; > > > > >>> in your css
