Ok - for today this is the last Update and i hope i implemented all wishes i promised to ...
The new fiddle base at http://jsfiddle.net/Fli7e/CUbGg/ includes API Only control for the breadcrumbs. The Class itself has some new functions and delivers some functions to easily create the link elements along with their events for external control of the Drill-Navi. If you set the "apiOnly" parameter to "true", the breadcrumbs will not be shown in any way. you have to listen to the "drillComplete" event as shown in the fiddle and then create your breadcrumb line on your own. To ease this task i added, as stated above, two new functions to get the link or the "actual" span-tag. I know there could be some more optimizations but i think / hope the actual state is ok. On 13 Jun., 17:05, Fli7e <[email protected]> wrote: > worth a look @Philip ... but for now i will stay with targeting by id. > > @Piotr: i updated the fiddle with optional Breadcrumb detaching > > http://jsfiddle.net/Fli7e/CUbGg/ > > and a new "show the root Name" even if we are on root level - that one > was missing all the time. > > I also added two new functions to get the actual breadcrumbs as JSON > associative Array or the complete HTML. > > Maybe this is what you had in mind. Maybe adding custom global window > events, like "drillStart" and "drillComplete" will be of use for > external Scripts to observe a change and getting the actual > breadcrumbs for -- whatever use. > > On 13 Jun., 16:28, Philip Thompson <[email protected]> wrote: > > > > > > > > > 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/
