Looking good so far. If you're wanting to go the HTML5 route, you could change the 'nav div' to an actual 'nav tag.'
From: <div id="nav"> To: <nav> You can read more here: http://www.alistapart.com/articles/previewofhtml5/ or see what else Google can find. It's definitely not required by any means, but something to consider... Happy coding, ~Philip On Mon, Jun 13, 2011 at 8:46 AM, Fli7e <[email protected]> wrote: > you deep-start by setting > > class="activelink" > > to the active anchor-element. > > On 13 Jun., 15:39, Piotr Zalewa <[email protected]> wrote: > > One thing more - how do you set a starting point? > > I.e. I'd like to have it loaded from some point within the menu... > > > > zalun > > > > On 06/13/11 14:32, Fli7e wrote: > > > > > > > > > > > > > > > > > Good ideas on the tidy and the "external" breadcrumbs usage. > > > > > I updated the fiddle with some new features > > > > > - tidy'er code :-) > > > - optional subitem count > > > - optional overanimation for the nodes > > > > > i will look at the idea with the external breadcrumbs now .. maybe > > > using an optional defineable breadcrumb element elsewhere on the > > > page's DOM. giving just an array with the crumbs would'nt help at all. > > > > > Maybe i could add some function to give a json stream with title, > > > subitem-count and child-node div id ... would be a 2nd feature beside > > > the defineable target element for the crumbs > > > > > On 13 Jun., 14:56, Piotr Zalewa<[email protected]> wrote: > > >> One thing more before you'd make a forge app from it. > > >> I think the breadcrumbs should be optional. It would be great to have > > >> them also easily accessible (as an array?) in case someone would like > to > > >> implement them in the other way. > > > > >> From the jsFiddle point of view - you've got a lot of unnecessary > tabs > > >> - [TidyUp] button would help. > > > > >> zalun > > > > >> On 06/13/11 11:11, Fli7e wrote: > > > > >>> thanks for the housekeeping suggestion @ Arieh :-) > > > > >>> I just cleaned up the code and restructured it into seperate > > >>> functions. The atual state has been moved as "default" to the Fiddle > > >>> and can be found here: > > > > >>>http://jsfiddle.net/Fli7e/CUbGg/ > > > > >>> Have fun and keep on sending me your suggestions and if available > > >>> optimizations tipps to possible use special Moo-Stuff i may miss > > >>> (learning always dopes me ...) > > > > >>> On 11 Jun., 22:34, אריה גלזר<[email protected]> wrote: > > >>>> Some code review - you should realy consider breaking down your code > into > > >>>> smaller methods. You shouldn't have that much logic in any single > method, > > >>>> especially not the initialize method - it will make it much harder > to reuse > > >>>> and extend > > > > >>>> On Sat, Jun 11, 2011 at 9:25 PM, Fli7e<[email protected]> > wrote: > > >>>>> or here another, slightly modified one without the static backarrow > in > > >>>>> the breadcrumbs > > > > >>>>> http://jsfiddle.net/Fli7e/CUbGg/5/ > > > > >>>>> i think i will stay with this one as of now > > > > >>>>> On 11 Jun., 20:19, Fli7e<[email protected]> wrote: > > >>>>>> the links can be CSS styled ... if you wish to add seperators you > > >>>>>> could easily add a background-image to the links as i already did > for > > >>>>>> the arrow indicators. > > > > >>>>>> I think this is the best way compared to added seperator images / > > >>>>>> tags. I updated the fiddle with this "change". > > > > >>>>>> Here is the modified one - using the same arrow image just to show > you > > >>>>>> the idea - could be any other seperator image you have in mind : > > > > >>>>>> http://jsfiddle.net/Fli7e/CUbGg/3/ > > > > >>>>>> On 11 Jun., 18:42, Trevor Orr<[email protected]> wrote: > > > > >>>>>>> very nice, now one thing I would add is a separator in the > breadcrumb > > >>>>>>> between the categories like a / or something that way to can > > >>>>> distinguish the > > >>>>>>> categories apart if the category name has a space in it. > > > > >>>>>>> On Sat, Jun 11, 2011 at 8:26 AM, Fli7e<[email protected] > > > > >>>>> wrote: > > >>>>>>>> Here we go ... Updated with seperate links in the breadcrumbline > > > > >>>>>>>> http://jsfiddle.net/Fli7e/CUbGg/2/ > > > > >>>>>>>> Hope you like it Steve :-) > > > > >>>>>>>> On 11 Jun., 08:21, "Steve Onnis"<[email protected]> > wrote: > > >>>>>>>>> You could always just add the event to the div and style it it > > >>>>>>>>> cursor:pointer > > > > >>>>>>>>> -----Original Message----- > > >>>>>>>>> From: Fli7e [mailto:[email protected]] > > >>>>>>>>> Sent: Saturday, 11 June 2011 3:31 PM > > >>>>>>>>> To: MooTools Users > > >>>>>>>>> Subject: [Moo] Re: Drilldown-Navigation > > > > >>>>>>>>> with breaking i ment the actual used styles and tags. the > > >>>>>>>>> breadcrumbline is a normal<a> and i would be in need of > using a > > >>>>> <div> > > >>>>>>>>> and insert a couple of<a> childs. as said, it is on the todo > and i > > >>>>>>>>> think it will be in the code soon > > > > >>>>>>>>> On 11 Jun., 02:37, "Steve Onnis"<[email protected]> > wrote: > > >>>>>>>>>> How would it break the markup? You are injecting the text > there, > > >>>>> just > > >>>>>>>>> inject > > >>>>>>>>>> it with a link around it > > > > >>>>>>>>>> -----Original Message----- > > >>>>>>>>>> From: Fli7e [mailto:[email protected]] > > >>>>>>>>>> Sent: Saturday, 11 June 2011 5:56 AM > > >>>>>>>>>> To: MooTools Users > > >>>>>>>>>> Subject: [Moo] Re: Drilldown-Navigation > > > > >>>>>>>>>> i had that idea myself but dropped it because it would break > the > > >>>>>>>>>> actual markup .. but i think it is worth to rethink - putting > it > > >>>>> on > > >>>>>>>>>> the to-do list. > > > > >>>>>>>>>> On 10 Jun., 18:05, "Steve Onnis"<[email protected]> > wrote: > > >>>>>>>>>>> The bread crumb should be clickable to click back to a spot > in > > >>>>> the > > >>>>>>>> menu > > >>>>>>>>>>> without having to keep clicking back>back>back to get to it > > >>>>> though > > > > >>>>>>>>>>> -----Original Message----- > > >>>>>>>>>>> From: Piotr Zalewa [mailto:[email protected]] > > >>>>>>>>>>> Sent: Saturday, 11 June 2011 12:14 AM > > >>>>>>>>>>> To: [email protected] > > >>>>>>>>>>> Subject: Re: [Moo] Drilldown-Navigation > > > > >>>>>>>>>>> Nice, > > > > >>>>>>>>>>> IMO it's a good model for navigation on mobiles. > > > > >>>>>>>>>>> zalun > > > > >>>>>>>>>>> On 06/10/11 14:33, Fli7e wrote: > > >>>>>>>>>>>> Hi, > > > > >>>>>>>>>>>> i know i did not invent something new but hey :-) > > > > >>>>>>>>>>>> Way back deviantart.com had a super great navigation and i > > >>>>> always > > >>>>>>>>>>>> loved it. > > > > >>>>>>>>>>>> For months i had the idea to convert the mechanics to > > >>>>> mootools but > > >>>>>>>>>>>> just before i had the time to do, someone else published a > > >>>>>>>> deviantart > > >>>>>>>>>>>> like menu to the forge. > > > > >>>>>>>>>>>> So, i release my version just as a fiddle > > > > >>>>>>>>>>>> http://jsfiddle.net/Fli7e/CUbGg/ > > > > >>>>>>>>>>>> and would like you to have a look and maybe teach me how to > > >>>>> perform > > >>>>>>>>>>>> better. I basicly like what i came up with but i bet its far > > >>>>> from > > >>>>>>>>>>>> beeing optimized. > > > > >>>>>>>>>>>> Any ideas - even those 2cent ones - are welcome > > > > >>>>>>>>>>>> Cheers > > > > >>>> -- > > >>>> Arieh Glazer > > >>>> אריה גלזר > > >>>> 052-5348-561http://www.arieh.co.ilhttp://www.link-wd.co.il > -- http://lonestarlightandsound.com/
