Thanks for your effort. The plugin will be really useful. -Umapathy
On Sat, Nov 15, 2008 at 12:15 AM, heysatan <[EMAIL PROTECTED]> wrote: > > Also, the one we did knows to collapse or not collapse based on the > amount of elements in the plugin and the length of the elements. That > will be part of it too. > > Have a good weekend. > > J > > On Nov 13, 6:01 pm, ricardobeat <[EMAIL PROTECTED]> wrote: > > Here's my take - very limited (17 minutes :D): > > > > http://jsbin.com/ovisa > > > > On Nov 13, 7:42 pm, Jay <[EMAIL PROTECTED]> wrote: > > > > > Thought it was pretty cool, so I threw my own plug in together in a > > > little over an hour to mimic what he did there. It's pretty simple > > > but should work in ie6/7,ff,safari. You can set a few different > > > options, and I'm sure this could be expanded upon to give it a lot > > > more power. Anyway, here you go. > > > > > <style type="text/css"> > > > ul { list-style: none; } > > > ul li { margin-right: 5px; display: block; > float: left; overflow: > > > hidden; font-size: 12px; height: 20px; } > > > ul li a { float: left; display: block; > position: relative; > > > overflow: hidden; height: 20px; } > > > </style> > > > <script type="text/javascript"> > > > $(function(){ > > > $('#breadcrumb').jCrumb({}); > > > }); > > > > > (function($){ > > > $.fn.jCrumb = function(options) { > > > var defaults = { > > > listLimit : 650, > > > itemMin : 15, > > > expandTime : 800, > > > collapseTime : 800 > > > }; > > > var opts = $.extend(defaults, options); > > > return this.each(function(){ > > > var obj = $(this); > > > if(obj.width()>opts.listLimit) > { > > > var children = $('li', > obj); > > > > children.each(function(i){ > > > if(i>0 && > i<(children.length-1)) { > > > var el > = $(this); > > > > el.data('width', el.width()) > > > > .children('a').width(el.data('width')).wrap('<span />') > > > > .parent().css({display: 'block', position: 'relative', > > > overflow: 'hidden', width: opts.itemMin+'px'}) > > > .hover( > > > > function() { $(this).stop().animate({ width: el.data > > > ('width') },{ duration: opts.expandTime, easing: "swing", queue: > > > false }); }, > > > > function() { $(this).stop().animate({ width: opts.itemMin > > > +'px' }, { duration: opts.collapseTime, easing: "swing", queue: > > > false }); } > > > ); > > > } > > > }); > > > } > > > }); > > > } > > > })(jQuery); > > > </script> > > > </head> > > > <body> > > > <ul id="breadcrumb"> > > > <li><a href="#">Home</a></li> > > > <li><a href="#">Short</a></li> > > > <li><a href="#">Random Breadcrumb Super Super Super > Super Long</a></ > > > li> > > > <li><a href="#">Random Breadcrumb Blach</a></li> > > > <li><a href="#">Random Breadcrumb Length Long</a></li> > > > <li><a href="#">Random</a></li> > > > </ul> > > > </body> > > > > > On Nov 13, 3:41 pm, George <[EMAIL PROTECTED]> wrote: > > > > > > Count me in for the Plug-In request :) > > > > > > It's pretty cool and the whole site is done very well, I put it in to > > > > my Favorites so later I could revisit and 'steal' some design ideas. > > > > > > PS: I am a .NET developer myself and so far find it to be more > > > > superior (if I can say that) to Perl. > > > > The problem you might have is only because of lack of experience > > > > with .NET (no offence). The more you program on .NET the more you > > > > going to like it. > > > > I am talking from experience here. I was bitching and complaining > > > > couple years ago... now I would refuse to work if it's not on .NET > > > > > > There is nothing in .NET that prevents you from doing things like > they > > > > done in Perl. > > > > So do not be down on it :) > > > > > > George. > -- --The browser you can trust - Firefox 3 http://umapathy-tech.blogspot.com/
