The hardest part about this plug-in has been that after pouring over
the base code in his .js file I do not see how it's disabling the next
button. Based on what!?!?! I mean I can stare the code right in the
eye where it's happening but I cannot make sense of it:
var self = this;
n = true;
this.buttonNext[n ? 'bind' : 'unbind']
(this.options.buttonNextEvent, this.funcNext)[n ? 'removeClass' :
'addClass'](this.className('jcarousel-next-disabled')).attr
('disabled', n ? false : true);
this.buttonPrev[p ? 'bind' : 'unbind']
(this.options.buttonPrevEvent, this.funcPrev)[p ? 'removeClass' :
'addClass'](this.className('jcarousel-prev-disabled')).attr
('disabled', p ? false : true);
if (this.buttonNext.length > 0 && (this.buttonNext
[0].jcarouselstate == undefined || this.buttonNext[0].jcarouselstate !
= n) && this.options.buttonNextCallback != null) {
this.buttonNext.each(function()
{ self.options.buttonNextCallback(self, this, n); });
this.buttonNext[0].jcarouselstate = true;
}
if (this.buttonPrev.length > 0 && (this.buttonPrev
[0].jcarouselstate == undefined || this.buttonPrev[0].jcarouselstate !
= p) && this.options.buttonPrevCallback != null) {
this.buttonPrev.each(function()
{ self.options.buttonPrevCallback(self, this, p); });
this.buttonPrev[0].jcarouselstate = p;
}
On Jul 8, 12:06 pm, expresso <dschin...@gmail.com> wrote:
> We couldn't just set the size like they did either. Because we don't
> want to set a size greater than the # of elements we're showing. So I
> wanted to set # of items to show and on click of next it dynamically
> figures out how many more elements to show. So if I specify 4, I even
> have some JavaScript that manipulates the DOM and expands the control
> to fit 4 but also, if the array of IDs doesn't have an even number,
> the last scroll will only scroll x more to show the rest.
>
> It's similar but doesn't quite fullfill our needs, the examples he
> has.
>
> On Jul 8, 12:02 pm, expresso <dschin...@gmail.com> wrote:
>
> > Charlie, you also don't understand that we are using deferred
> > loading. And I'm reading an array of IDs from a JS variable. based
> > on those IDs I send a JSON request / response and then I get that
> > back. I'm making this control much more dynamic than their out of box
> > example here:
> > http://sorgalla.com/projects/jcarousel/examples/dynamic_flickr_api.html
>
> > that logic can't be reused..it's custom to the Flickr API. We're not
> > loading ours like this. So I couldnt' just reuse the way they were
> > doing that there.
>
> > On Jul 8, 11:57 am, expresso <dschin...@gmail.com> wrote:
>
> > > jQuery(".jcarousel-skin-ie7 .jcarousel-next.jcarousel-next-
> > > horizontal").attr("disabled","true"); did not work.
>
> > > On Jul 8, 11:06 am, amuhlou <amysch...@gmail.com> wrote:
>
> > > > It doesn't look like what you're trying to select exists. the
> > > > "jcarousel-next" and "jcarousel-next-horizontal" classes are being
> > > > applied to the same div, so there shouldn't be a space between them in
> > > > your selector.
>
> > > > Additionally, it appears your syntax for the attribute selector is
> > > > incorrect
>
> > > > Have you tried jQuery(".jcarousel-skin-ie7 .jcarousel-next-
> > > > horizontal").attr("disabled","true");
> > > > or
> > > > jQuery(".jcarousel-skin-ie7 .jcarousel-next.jcarousel-next-
> > > > horizontal").attr("disabled","true");
>
> > > > On Jul 8, 11:40 am, BaBna <thomas.na...@gmail.com> wrote:
>
> > > > > Because it sucks?
> > > > > It might create problems with some DTD I think, and maybe this disable
> > > > > on a DIV is an IE "special feature", I don't know.
> > > > > Anyway, what do you want to achieve here?
>
> > > > > On Jul 8, 4:30 pm, "Cesar Sanz" <the.email.tr...@gmail.com> wrote:
>
> > > > > > How come is that you want to disable a div??
>
> > > > > > Do you mean, block the content inside div?
>
> > > > > > ----- Original Message -----
> > > > > > From: "BaBna" <thomas.na...@gmail.com>
> > > > > > To: "jQuery (English)" <jquery-en@googlegroups.com>
> > > > > > Sent: Wednesday, July 08, 2009 9:28 AM
> > > > > > Subject: [jQuery] Re: Cannot disable div
>
> > > > > > Maybe because there is no disabled property for DIV?
>
> > > > > >http://www.w3schools.com/tags/tag_DIV.asp
>
> > > > > > On Jul 8, 4:25 pm, expresso <dschin...@gmail.com> wrote:
> > > > > > > <div class="jcarousel-skin-ie7">
> > > > > > > <div class="jcarousel-container jcarousel-container-horizontal"
> > > > > > > style="display: block; height: 220px; width: 592px;">
> > > > > > > <div class="jcarousel-prev jcarousel-prev-horizontal"
> > > > > > > style="display:
> > > > > > > block;" disabled="false"/>
> > > > > > > <div class="jcarousel-next jcarousel-next-horizontal"
> > > > > > > style="display:
> > > > > > > block;" disabled="false"/>
> > > > > > > <div class="jcarousel-clip jcarousel-clip-horizontal"
> > > > > > > style="width:
> > > > > > > 600px; height: 220px;">
> > > > > > > <ul id="mycarousel" class="jcarousel-list
> > > > > > > jcarousel-list-horizontal"
> > > > > > > style="height: 220px; width: 3315px; left: -2028px;">
> > > > > > > </ul>
> > > > > > > </div>
> > > > > > > </div>
> > > > > > > </div>
>
> > > > > > > I'm trying to change disabled to true. It's not taking. And what I
> > > > > > > also don't get is what is disable doing for a div?
>
> > > > > > > I have tried this:
>
> > > > > > > jQuery(".jcarousel-skin-ie7 .jcarousel-next .jcarousel-next-
> > > > > > > horizontal").attr({ disabled: "true" });
