[jQuery] Jqury CoverFlow
Hi friends. I am appreciating your kind help for happening it, the Vertical coverFlow with Jquery. Here is a example how it is working on Flex for horizontal coverFlow. http://dougmccune.com/blog/2007/11/19/flex-coverflow-performance-improvement-flex-carousel-component-and-vertical-coverflow/ I needs like this on Jquery but it should be vertically Regards Zamir Jan Hui
Re: [jQuery] jQuery in Action = $15 off today (12/28)
Rick Faircloth wrote: I'm not sure what you mean, Jan... We can order the *new* second edition now, which is not available yet, and get chapters in PDF as they're completed...is that part correct? The part I don't understand is "then the brand-new one in late March or April." By the "brand-new one", do you mean the completed second edition in print/pdf form? Rick Yes, exactly. For the PDF only, it works out to be $12.50 after the $15 discount. -- Jan
Re: [jQuery] jQuery in Action = $15 off today (12/28)
MorningZ wrote: Just a heads up to people on this list Manning Publications is running a special of $15 off their books today only... one of those books is the excellent (I'd almost say *required*) read "jQuery in Action": http://www.manning.com/bibeault/ Just enter "dotd1228" in the Promotional Code box when you check out at manning.com. The $15 discount on any purchase expires at midnight ET (GMT - 5:00) tonight! Thanks MorningZ. Notice that there is a NEW version that is mostly completed. You can order a PDF version of that and get new chapters as they are complete, then the brand-new one in late March or April. Cost for the Second Edition, in PDF or 2 other ebook formats, after the $15 discount, is only $12.50 US! -- Jan
[jQuery] Re: Get the below and above
Thank you both, it works :)
[jQuery] Get the below and above
Hi there, I'm new to jQuery and was looking for a way to get a table cell above or below the current one. What I mean is a function like .prev() or .next() but those only help me getting the cell to the left or to the right.
[jQuery] jquery each function iterate through form inputs problem
Hi!
I cant get this each function to work inside a form:
for example i have this code:
$('#formid>input').each(function(){
if($(this).attr('id')!='') alert($(this).attr('value'); //fetch id if
not blank ang show value
});
the code inside this function does not run if the form is rendered
this way:
but if it is rendered in a simplier way like this, it works:
Note: im using jquery jquery-ui-1.7.2.custom.main.js library by the
way for the tabs but i dont think that messes up the whole thing
though...
i dont understand what is happening please enlighten me...
thanks in advance!
[jQuery] each function not iterating
Hi!
Sorry to flood please disregard my previous attemp to post for this
same issue. This is the real post.
I have this code within the ready function:
$("form.uplform").live('submit', function(){
if($(this).attr('validate')=='true'){
$("#testform>input").each(function(){
alert($(this).attr('name'));
});
}
return false;
});
I want to be able to alert all the names of the input boxes belonging
to form.uplform but it does not seem to like it. Although I am able to
get past the validate==true statement but the each is not iterating.
Please tell me anything i am doing wrong.
Thanks in advance!
[jQuery] Re: serial scroll 'not working'
Forgot to say: only the third set has pictures in it right now 2009/10/10 Jan Limpens : > Sorry for the dumb title, but f I knew what it was, I'd probably not > write this message > > At http://limpens.com I want to show my portfolios from flick > photosets. I would want to use serialscroll to navigate within large > sets. > I think, I did it all as in the plugin's demo site, but out of some > reason, it won't scroll. All the code is in > http://limpens.com/js/main.js . If someone could tell me, what I am > doing wrong, I'd be much obliged :) > > -- > Jan > -- Jan
[jQuery] serial scroll 'not working'
Sorry for the dumb title, but f I knew what it was, I'd probably not write this message At http://limpens.com I want to show my portfolios from flick photosets. I would want to use serialscroll to navigate within large sets. I think, I did it all as in the plugin's demo site, but out of some reason, it won't scroll. All the code is in http://limpens.com/js/main.js . If someone could tell me, what I am doing wrong, I'd be much obliged :) -- Jan
[jQuery] How animate in sortable ?
Hi ! I'am creating movable panels using jQuery UI sortable behavior. Unfortunately my columns have different size. Question is - how smooth resize panel after dropped it on the column to column size ? Greetings from Poland ! -- Jan Koprowski
[jQuery] Re: Form Plugin issue
I'm stuck with the same problem, i'm also trying return a 'partial page' containing a script tag with some javascript i would like to see excecuted .. I've tried the textarea suggestion but can't seem to get it to work (i tried the dataTypes 'json' and 'script' and even 'xml' out of sheer desperation), so if anyone has any ideas they are more than welcome! Jan On Aug 27, 12:01 am, Lay András wrote: > Hello! > > On Wed, Aug 26, 2009 at 9:04 PM, Mike Alsup wrote: > > Kostya is correct. Try embedding the response in a textarea element - > > the plugin will automatically extract if for you and no escaping is > > needed. > > This don't works, because response embedding in a textarea only needs, > if the response type script, or JSON. In my example, the response type > is HTML. > > Lay
[jQuery] Re: trying to talk to googleadservices via $.getScript()
yip, that was it!
2009/8/31 Jan Limpens
> aha! adbock?? maybe...
>
>
> 2009/8/31 Jan Limpens
>
>> firebug gives me this in html view:
>> http://www.googleadservices.com/pagead/conversion.js?_=1251741522425"</a>;> Failed
>> to load source for:
>> <a rel="nofollow" href="http://www.googleadservices.com/pagead/conversion.js?_=1251741522425">http://www.googleadservices.com/pagead/conversion.js?_=1251741522425</a>
>>
>>
>> the qs is not mine, if jq adds is to prevent caching it is actually doing
>> a bad service to me.
>> the given address works just fine.
>>
>>
>>
>> 2009/8/31 Jan Limpens
>>
>>> in chrome and ie that is. firefox still eats it.
>>>
>>>
>>> 2009/8/31 Jan Limpens
>>>
>>>> magic! the second, I wrote this post, it started to work.
>>>>
>>>> 2009/8/31 Jan Limpens
>>>>
>>>> Hello,
>>>>>
>>>>> miraculously enough, this call
>>>>>
>>>>> $.getScript('http://www.googleadservices.com/pagead/conversion.js',
>>>>> function() { confirm('g'); });
>>>>>
>>>>> does nothing and this one
>>>>>
>>>>> $.getScript('http://tracker.webtraffic.com.br/statistic.js',
>>>>> function() {confirm('w')});
>>>>>
>>>>> gives me the dialog. On firefox and IE (didn't test the others).
>>>>>
>>>>> This is completely weird, but it does not surprise me from a company,
>>>>> that gives this kind of noop code to us:
>>>>>
>>>>> if (1) {
>>>>> var google_conversion_value = 1;
>>>>> }
>>>>>
>>>>> I mean, seriously (taken from
>>>>> http://www.google.com/adwords/learningcenter/text/19216.html)!
>>>>>
>>>>> But - anyone did come around this somehow, or maybe test this in
>>>>> his/her firebug console?
>>>>>
>>>>> --
>>>>> Jan
>>>>>
>>>>
>>>>
>>>>
>>>> --
>>>> Jan
>>>>
>>>
>>>
>>>
>>> --
>>> Jan
>>>
>>
>>
>>
>> --
>> Jan
>>
>
>
>
> --
> Jan
>
--
Jan
[jQuery] Re: trying to talk to googleadservices via $.getScript()
aha! adbock?? maybe...
2009/8/31 Jan Limpens
> firebug gives me this in html view:
> http://www.googleadservices.com/pagead/conversion.js?_=1251741522425"</a>;> Failed
> to load source for:
> <a rel="nofollow" href="http://www.googleadservices.com/pagead/conversion.js?_=1251741522425">http://www.googleadservices.com/pagead/conversion.js?_=1251741522425</a>
>
>
> the qs is not mine, if jq adds is to prevent caching it is actually doing a
> bad service to me.
> the given address works just fine.
>
>
>
> 2009/8/31 Jan Limpens
>
>> in chrome and ie that is. firefox still eats it.
>>
>>
>> 2009/8/31 Jan Limpens
>>
>>> magic! the second, I wrote this post, it started to work.
>>>
>>> 2009/8/31 Jan Limpens
>>>
>>> Hello,
>>>>
>>>> miraculously enough, this call
>>>>
>>>> $.getScript('http://www.googleadservices.com/pagead/conversion.js',
>>>> function() { confirm('g'); });
>>>>
>>>> does nothing and this one
>>>>
>>>> $.getScript('http://tracker.webtraffic.com.br/statistic.js', function()
>>>> {confirm('w')});
>>>>
>>>> gives me the dialog. On firefox and IE (didn't test the others).
>>>>
>>>> This is completely weird, but it does not surprise me from a company,
>>>> that gives this kind of noop code to us:
>>>>
>>>> if (1) {
>>>> var google_conversion_value = 1;
>>>> }
>>>>
>>>> I mean, seriously (taken from
>>>> http://www.google.com/adwords/learningcenter/text/19216.html)!
>>>>
>>>> But - anyone did come around this somehow, or maybe test this in his/her
>>>> firebug console?
>>>>
>>>> --
>>>> Jan
>>>>
>>>
>>>
>>>
>>> --
>>> Jan
>>>
>>
>>
>>
>> --
>> Jan
>>
>
>
>
> --
> Jan
>
--
Jan
[jQuery] Re: trying to talk to googleadservices via $.getScript()
firebug gives me this in html view:
http://www.googleadservices.com/pagead/conversion.js?_=1251741522425"</a>;>Failed
to load source for:
<a rel="nofollow" href="http://www.googleadservices.com/pagead/conversion.js?_=1251741522425">http://www.googleadservices.com/pagead/conversion.js?_=1251741522425</a>
the qs is not mine, if jq adds is to prevent caching it is actually doing a
bad service to me.
the given address works just fine.
2009/8/31 Jan Limpens
> in chrome and ie that is. firefox still eats it.
>
>
> 2009/8/31 Jan Limpens
>
>> magic! the second, I wrote this post, it started to work.
>>
>> 2009/8/31 Jan Limpens
>>
>> Hello,
>>>
>>> miraculously enough, this call
>>>
>>> $.getScript('http://www.googleadservices.com/pagead/conversion.js',
>>> function() { confirm('g'); });
>>>
>>> does nothing and this one
>>>
>>> $.getScript('http://tracker.webtraffic.com.br/statistic.js', function()
>>> {confirm('w')});
>>>
>>> gives me the dialog. On firefox and IE (didn't test the others).
>>>
>>> This is completely weird, but it does not surprise me from a company,
>>> that gives this kind of noop code to us:
>>>
>>> if (1) {
>>> var google_conversion_value = 1;
>>> }
>>>
>>> I mean, seriously (taken from
>>> http://www.google.com/adwords/learningcenter/text/19216.html)!
>>>
>>> But - anyone did come around this somehow, or maybe test this in his/her
>>> firebug console?
>>>
>>> --
>>> Jan
>>>
>>
>>
>>
>> --
>> Jan
>>
>
>
>
> --
> Jan
>
--
Jan
[jQuery] Re: trying to talk to googleadservices via $.getScript()
in chrome and ie that is. firefox still eats it.
2009/8/31 Jan Limpens
> magic! the second, I wrote this post, it started to work.
>
> 2009/8/31 Jan Limpens
>
> Hello,
>>
>> miraculously enough, this call
>>
>> $.getScript('http://www.googleadservices.com/pagead/conversion.js',
>> function() { confirm('g'); });
>>
>> does nothing and this one
>>
>> $.getScript('http://tracker.webtraffic.com.br/statistic.js', function()
>> {confirm('w')});
>>
>> gives me the dialog. On firefox and IE (didn't test the others).
>>
>> This is completely weird, but it does not surprise me from a company, that
>> gives this kind of noop code to us:
>>
>> if (1) {
>> var google_conversion_value = 1;
>> }
>>
>> I mean, seriously (taken from
>> http://www.google.com/adwords/learningcenter/text/19216.html)!
>>
>> But - anyone did come around this somehow, or maybe test this in his/her
>> firebug console?
>>
>> --
>> Jan
>>
>
>
>
> --
> Jan
>
--
Jan
[jQuery] Re: trying to talk to googleadservices via $.getScript()
magic! the second, I wrote this post, it started to work.
2009/8/31 Jan Limpens
> Hello,
>
> miraculously enough, this call
>
> $.getScript('http://www.googleadservices.com/pagead/conversion.js',
> function() { confirm('g'); });
>
> does nothing and this one
>
> $.getScript('http://tracker.webtraffic.com.br/statistic.js', function()
> {confirm('w')});
>
> gives me the dialog. On firefox and IE (didn't test the others).
>
> This is completely weird, but it does not surprise me from a company, that
> gives this kind of noop code to us:
>
> if (1) {
> var google_conversion_value = 1;
> }
>
> I mean, seriously (taken from
> http://www.google.com/adwords/learningcenter/text/19216.html)!
>
> But - anyone did come around this somehow, or maybe test this in his/her
> firebug console?
>
> --
> Jan
>
--
Jan
[jQuery] trying to talk to googleadservices via $.getScript()
Hello,
miraculously enough, this call
$.getScript('http://www.googleadservices.com/pagead/conversion.js',
function() { confirm('g'); });
does nothing and this one
$.getScript('http://tracker.webtraffic.com.br/statistic.js', function()
{confirm('w')});
gives me the dialog. On firefox and IE (didn't test the others).
This is completely weird, but it does not surprise me from a company, that
gives this kind of noop code to us:
if (1) {
var google_conversion_value = 1;
}
I mean, seriously (taken from
http://www.google.com/adwords/learningcenter/text/19216.html)!
But - anyone did come around this somehow, or maybe test this in his/her
firebug console?
--
Jan
[jQuery] validate classbased via ajax request
Hello,
my forms are all css class based validated. Now I need to check some on them
serverside, so I overload the regular validation methods (or is there a
better way?).
jQuery.validator.addMethod("date", function(value, element) {
var preValid = this.optional(element) ||
/^\d\d?\/\d\d?\/\d\d\d?\d?$/.test(value);
if (!preValid)
return false;
$.getJSON(urlDefs.validateDate + "?date=" + value, function(data) {
var result = data.Data;
// what can I do with this result?
// how can I set element valid?
});
}, jQuery.validator.messages['date']);
I might be doing something wrong...
I know there is a remote({}) method, but how could I use it from there? It
might work less asynchronously, thus easier...
--
Jan
[jQuery] Default Menu
Hi! I'm trying to show the selected menu with a different color background when a user clicks on a particular main menu item. This works with a ul that does not have child items on it. But ul's with child elements the css does not seem to work and seemed overridden by javascript. What i did was on the program logic that automatically produces the unordered list of menu items, I inserted a class 'sfHover' for li items that is equal to the current page. Again, this works on the menus that does not have child elements. Is there any possible way I can configure a selected menu item showing with a different backround color from the rest of the menus? By the way, superfish suckerfish is totally awesome! Keep up the good work!
[jQuery] Response not working after page has been loaded by jQuery Load
Hello all,
I am trying use the Load function and it looks partly succesful:
the script code is:
function doCallBack(action, value)
{
if (action == 'projlokatiemutaties')
{
var test = $("#ct100_Inhoud__pnlLokaties");
var params = "project.aspx?ch=1&ph=1&cb=center&content=" +
value;
test.load(params);
}
}
when this code is executed 'project.aspx' is loaded and I am able to
query the params. This happens in the code behind:
protected void Page_Load(object sender, EventArgs e)
{
HandleCallBacks();
}
and:
private void HandleCallBacks()
{
string direction = Request.Params["cb"];
if (string.IsNullOrEmpty(direction))
return;
if (direction == "center")
{
string content = Request.Params["content"];
if (! string.IsNullOrEmpty(content))
{
ProjectLokaties1.Refresh("", Convert.ToInt32
(content));
string html = General.Utilities.RenderControl
(ProjectLokaties1);
Response.Write(html);
Response.End();
}
}
}
Projectlokaties1 contains an XML control and the content is being
transformed using Xslt. As far as I can see the html variable contains
the correct value.
However the Response.Write() operations fails completely. As a matter
of fact at this point any Response operation fails.
Does anybody know what is going on here, or better have a solution?
Thanks in advance,
Jan
[jQuery] autocomplete plugin error callback?
Hi, i'm currently using the autocomplete plugin in my project and it works great. However I would like to be able to specify an error callback (probably just forwarding the error callback from the ajaxrequest would suffice).. Is it possible to get this implemented in the official version? If i'm not mistaken adding ", error : options.errorCallback" inside the $.ajax(...) somewhere in the middle of jquery.autocomplete.js would suffice to achieve this behavior... Plz consider, thx, regards, Jan
[jQuery] Re: why is this href firing???
I was not aware of that - I wonder if there are other types of buttons, then :) 2009/7/9 Nick Fitzsimons > > 2009/7/9 Jan Limpens : > > in fact, it was a button at first, but it always submitted :) > > I ought to switch that back :) > > > > As long as you specify the type, it should be fine. If you don't, the > default type is "submit", so you must explicitly use: > button content > > IE gets this wrong and has a default type of "button", just to confuse > matters ;-) > > HTH, > > Nick. > -- > Nick Fitzsimons > http://www.nickfitz.co.uk/ > -- Jan
[jQuery] Re: why is this href firing???
in fact, it was a button at first, but it always submitted :) I ought to switch that back :) 2009/7/9 NickFitz > > On Jul 9, 5:20 am, Karl Swedberg wrote: > > On Jul 8, 2009, at 11:47 AM, MorningZ wrote: > > > > > I see this (stopping links in their tracks) a lot and it's puzzling, > > > so i think: > > > > > *if you do not want an to actually follow a link, then don't use > > > an , use a or something instead and use CSS to make it look > > > like a link to the user* > > > > > That will 100% solve all issues with a hyperlink acting like, well, a > > > hyperlink :-) > > > > The problem with using a in those cases is that it isn't > > accessible. Links can be focused. You can tab to them and press Enter/ > > Return, and the click event will fire. Not so with spans. > > > > The HTML 4.01 element with type="button" (or type="button"> if you don't need anything more than basic text > content) is specifically intended for just this kind of thing: > <http://www.w3.org/TR/html401/interact/forms.html#edef-BUTTON> > <http://www.w3.org/TR/html401/interact/forms.html#h-17.4.1> > > Focusable, accessible, and doesn't have any default behaviour which > has to be overridden. If you don't like the fact that it looks like a > button, just style it with CSS: all browsers that JQuery supports > allow this. (But remember to set "overflow: visible;" in the styling, > or IE6 (as usual) can make a mess of it if it under certain > circumstances: <http://natbat.net/2009/Jun/10/styling-buttons-as-links/ > >.) > > Regards, > > Nick. > -- > Nick Fitzsimons > http://www.nickfitz.co.uk/ > > -- Jan
[jQuery] Re: why is this href firing???
I found out, that the plugin worked, when there is only one, but not if
there are many on a page.
so it was not enumerating a multiple result :)
the plugin now works:
(function($) {
jQuery.fn.spinner = function() {
return this.each(function() { // here we go!
var input = $(this);
var makeButton = function(cssClass, text) {
return jQuery('' + text
+ '');
};
var spin = function(value) {
var val = parseInt(input.val());
var newValue = isNaN(val)
? 0
: val;
if (newValue + value > -1) {
newValue += value;
}
input.val(newValue);
};
input.wrap('');
var spinDown = makeButton('spinDown', '-');
input.before(spinDown);
spinDown.click(function() {
return spin(-1);
});
var spinUp = makeButton('spinUp', '+');
input.after(spinUp);
spinUp.click(function() {
return spin(1);
});
});
};
})(jQuery);
2009/7/8 Jan Limpens
> But that is not the problem. It is 100% ok to put a click event on an
> anchor and expect it not to pass on the request, if you return false.
>
> For the sake of the argument, I changed the anchor to a div and I still get
> no exception and it still does nothing.
>
> If I do this:
>
> spinDown.click(function() {
> alert('down');
> return false;
> //return spin(-1);
> });
>
> a click renders no alert.
> so as the plugin does all the rest it is asked, it seems it does not attach
> the click event in a way I would want it to.
>
> any ideas?
>
> 2009/7/8 MorningZ
>
>
>> I see this (stopping links in their tracks) a lot and it's puzzling,
>> so i think:
>>
>> *if you do not want an to actually follow a link, then don't use
>> an , use a or something instead and use CSS to make it look
>> like a link to the user*
>>
>> That will 100% solve all issues with a hyperlink acting like, well, a
>> hyperlink :-)
>>
>> Problem with:
>> return false;
>> or
>> e.preventDefault()
>>
>> is that if a JavaScript error happened before that, then either of
>> those lines will never execute to prevent the browser from going
>> wherever
>>
>>
>> On Jul 8, 11:09 am, BaBna wrote:
>> > I don't really see where your link is, but if you had .click(function
>> > (e){e.preventDefault();} to your link, that should disable it.
>> >
>> > On Jul 8, 3:54 pm, Jan Limpens wrote:
>> >
>> > > hi there!
>> >
>> > > this plugin extends an input text with 2 links that increase or
>> decrease
>> > > it's value by 1.
>> > > unfortunately, due to my dumbness it is not working as I would expect.
>> >
>> > > When one clicks at one of the links, the link works normally as a link
>> would
>> > > (making the request to "").
>> >
>> > > Anybody could tell me what I am doing wrong - I am definitely
>> suffering from
>> > > jquery blindness here...
>> >
>> > > (function($) {
>> > > jQuery.fn.spinner = function() {
>> > > var input = $(this);
>> > > var makeButton = function(cssClass, text) {
>> > > return $('' +
>> text +
>> > > '');
>> > > };
>> > > var spin = function(value) {
>> > > var val = parseInt(input.val());
>> > > var newValue = isNaN(val)
>> > > ? 0
>> > > : val;
>> > > if (newValue + value > -1) {
>> > > newValue += value;
>> > > }
>> > > input.val(newValue);
>> > > return false;
>> > > };
>> > > input.wrap('');
>> > > var spinDown = makeButton('spinDown', '-');
>> > > input.before(spinDown);
>> > > spinDown.click(function() {
>> > > return spin(-1);
>> > > });
>> > > var spinUp = makeButton('spinUp', '+');
>> > > input.after(spinUp);
>> > > spinUp.click(function() {
>> > > return spin(1);
>> > > });
>> > > };
>> >
>> > > })(jQuery);
>> >
>> > >
>> >
>> > > $('#spinMe').spinner();
>> >
>> > > --
>> > > Jan
>>
>
>
>
> --
> Jan
>
--
Jan
[jQuery] Re: why is this href firing???
But that is not the problem. It is 100% ok to put a click event on an anchor
and expect it not to pass on the request, if you return false.
For the sake of the argument, I changed the anchor to a div and I still get
no exception and it still does nothing.
If I do this:
spinDown.click(function() {
alert('down');
return false;
//return spin(-1);
});
a click renders no alert.
so as the plugin does all the rest it is asked, it seems it does not attach
the click event in a way I would want it to.
any ideas?
2009/7/8 MorningZ
>
> I see this (stopping links in their tracks) a lot and it's puzzling,
> so i think:
>
> *if you do not want an to actually follow a link, then don't use
> an , use a or something instead and use CSS to make it look
> like a link to the user*
>
> That will 100% solve all issues with a hyperlink acting like, well, a
> hyperlink :-)
>
> Problem with:
> return false;
> or
> e.preventDefault()
>
> is that if a JavaScript error happened before that, then either of
> those lines will never execute to prevent the browser from going
> wherever
>
>
> On Jul 8, 11:09 am, BaBna wrote:
> > I don't really see where your link is, but if you had .click(function
> > (e){e.preventDefault();} to your link, that should disable it.
> >
> > On Jul 8, 3:54 pm, Jan Limpens wrote:
> >
> > > hi there!
> >
> > > this plugin extends an input text with 2 links that increase or
> decrease
> > > it's value by 1.
> > > unfortunately, due to my dumbness it is not working as I would expect.
> >
> > > When one clicks at one of the links, the link works normally as a link
> would
> > > (making the request to "").
> >
> > > Anybody could tell me what I am doing wrong - I am definitely suffering
> from
> > > jquery blindness here...
> >
> > > (function($) {
> > > jQuery.fn.spinner = function() {
> > > var input = $(this);
> > > var makeButton = function(cssClass, text) {
> > > return $('' +
> text +
> > > '');
> > > };
> > > var spin = function(value) {
> > > var val = parseInt(input.val());
> > > var newValue = isNaN(val)
> > > ? 0
> > > : val;
> > > if (newValue + value > -1) {
> > > newValue += value;
> > > }
> > > input.val(newValue);
> > > return false;
> > > };
> > > input.wrap('');
> > > var spinDown = makeButton('spinDown', '-');
> > > input.before(spinDown);
> > > spinDown.click(function() {
> > > return spin(-1);
> > > });
> > > var spinUp = makeButton('spinUp', '+');
> > > input.after(spinUp);
> > > spinUp.click(function() {
> > > return spin(1);
> > > });
> > > };
> >
> > > })(jQuery);
> >
> > >
> >
> > > $('#spinMe').spinner();
> >
> > > --
> > > Jan
>
--
Jan
[jQuery] why is this href firing???
hi there!
this plugin extends an input text with 2 links that increase or decrease
it's value by 1.
unfortunately, due to my dumbness it is not working as I would expect.
When one clicks at one of the links, the link works normally as a link would
(making the request to "").
Anybody could tell me what I am doing wrong - I am definitely suffering from
jquery blindness here...
(function($) {
jQuery.fn.spinner = function() {
var input = $(this);
var makeButton = function(cssClass, text) {
return $('' + text +
'');
};
var spin = function(value) {
var val = parseInt(input.val());
var newValue = isNaN(val)
? 0
: val;
if (newValue + value > -1) {
newValue += value;
}
input.val(newValue);
return false;
};
input.wrap('');
var spinDown = makeButton('spinDown', '-');
input.before(spinDown);
spinDown.click(function() {
return spin(-1);
});
var spinUp = makeButton('spinUp', '+');
input.after(spinUp);
spinUp.click(function() {
return spin(1);
});
};
})(jQuery);
$('#spinMe').spinner();
--
Jan
[jQuery] Re: replace existing div with fadeIn
does anyone know solution for this? thank you
[jQuery] replace existing div with fadeIn
Hi,
I am trying to create a simple menu.
Here is what I am trying to accomplish.
When you click a link from a list a div fades in on top of the
list. When you click another link from the list I want previously
faded in div to be replaced by new div. What I have now is all the
links fades in randomly. Here is the code I have.
$(".rs-salads").click(function(){
$("#salad-panel").fadeIn("slow");
});
$(".rs-soups").click(function(){
$("#soup-panel").fadeIn("slow");
});
How should I change the code that does what I want. I have nine links
on my list. Thank you very much in advance for the help.
Jan
[jQuery] Re: jq.ui and the embedded autocomplete plugin
Ah, never mind, found it: http://jquery-ui.googlecode.com/svn/branches/dev/autocomplete/ui/ On Feb 10, 4:55 pm, Jan Limpens wrote: > Thanks a lot! > Any idea, where autocomplete sans ui has its page or repository? > > Anything further, I'll move to the other list... > > On Feb 10, 4:45 pm, "Richard D. Worth" wrote: > > > After the jQuery UI 1.6rc2 release, the Autocomplete plugin was removed > > pending some further refactoring and changes for inclusion in a future > > version of jQuery UI. It is still being developed, but will not be in the > > final 1.6 version (and has not been in any of the later release candidates: > > rc3-rc6). > > > The same happened at the same time with 3 other plugins that were in the > > 1.6rc2: colorpicker, magnifier, and spinner. The planning and development > > for these (where we welcome feedback) continues here: > > >http://wiki.jqueryui.com/ColorPickerhttp://wiki.jqueryui.com/SelectCo... > > > Note: If you have any further questions about jQuery UI, I invite you to > > join the jQuery UI mailing list: > > >http://groups.google.com/group/jquery-ui > > > Thanks. > > > - Richard > > > On Tue, Feb 10, 2009 at 1:22 PM, Jan Limpens wrote: > > > > Earlier I received an embedded autocomplete plugin, when I downloaded > > > a jquery.ui compilation. > > > Now this plugin is missing and it seems like the rc2 version, I still > > > have got here, does not catch on (no errors, just does not react in > > > any way) anymore. > > > Is this still maintained? Where can I get it or should I better look > > > elsewhere? > > > > --Jan > >
[jQuery] Re: jq.ui and the embedded autocomplete plugin
Thanks a lot! Any idea, where autocomplete sans ui has its page or repository? Anything further, I'll move to the other list... On Feb 10, 4:45 pm, "Richard D. Worth" wrote: > After the jQuery UI 1.6rc2 release, the Autocomplete plugin was removed > pending some further refactoring and changes for inclusion in a future > version of jQuery UI. It is still being developed, but will not be in the > final 1.6 version (and has not been in any of the later release candidates: > rc3-rc6). > > The same happened at the same time with 3 other plugins that were in the > 1.6rc2: colorpicker, magnifier, and spinner. The planning and development > for these (where we welcome feedback) continues here: > > http://wiki.jqueryui.com/ColorPickerhttp://wiki.jqueryui.com/SelectComboboxAutocompletehttp://wiki.jqueryui.com/Spinner > > Note: If you have any further questions about jQuery UI, I invite you to > join the jQuery UI mailing list: > > http://groups.google.com/group/jquery-ui > > Thanks. > > - Richard > > On Tue, Feb 10, 2009 at 1:22 PM, Jan Limpens wrote: > > > Earlier I received an embedded autocomplete plugin, when I downloaded > > a jquery.ui compilation. > > Now this plugin is missing and it seems like the rc2 version, I still > > have got here, does not catch on (no errors, just does not react in > > any way) anymore. > > Is this still maintained? Where can I get it or should I better look > > elsewhere? > > > --Jan > >
[jQuery] jq.ui and the embedded autocomplete plugin
Earlier I received an embedded autocomplete plugin, when I downloaded a jquery.ui compilation. Now this plugin is missing and it seems like the rc2 version, I still have got here, does not catch on (no errors, just does not react in any way) anymore. Is this still maintained? Where can I get it or should I better look elsewhere? --Jan
[jQuery] Re: "subclassing" ajaxForm
ok, seems like i got it on my own, with a bunch of help from malsup's
blog and the jq docs.
looks like that. that's ok, you think?
(function($) {
jQuery.fn.jsonForm = function(options) {
var opts = $.extend({}, $.fn.jsonForm.defaults, options);
return this.each(function(){
jQuery(this).ajaxForm({
type: "json",
success: function(data){
// private implementation here ...
opts.success(data);
}
});
});
};
$.fn.jsonForm.defaults = {
success: function(){}
};
})(jQuery);
On Feb 9, 5:20 pm, Jan Limpens wrote:
> When I try to do this, firebug does not alert me of anything wrong,
> the form is posted normally (no ajax).
> What mistake am I making?
>
> // requires jquery.forms plugin
> jQuery.fn.jsonForm = function(onSuccess) {
> this.ajaxForm({
> dataType: 'json',
> success: function(data) {
> if (data.Message) {
> alert(data.Message); // my json reply always has these 2
> fields
> }
> if (data.ActionUrl != null) {
> top.location = data.ActionUrl;
> }
> if (onSuccess != null) {
> onSuccess(data); // what if onSuccess has an empty
> signature?
> }
> }
>
> });
> }
>
> So I can call it like so:
>
> var onSuccess = function(data){
> $.each(data.Customer, function(i, item){
> $('#searchResultCustomers').append(""+ item.Name
> +"");
> });
> });
> $('.jsonFormCustomer').jsonForm(onSuccess);
>
> How could I call jsonForm without a null param, too?
>
> Help greatly appreciated!
[jQuery] "subclassing" ajaxForm
When I try to do this, firebug does not alert me of anything wrong,
the form is posted normally (no ajax).
What mistake am I making?
// requires jquery.forms plugin
jQuery.fn.jsonForm = function(onSuccess) {
this.ajaxForm({
dataType: 'json',
success: function(data) {
if (data.Message) {
alert(data.Message); // my json reply always has these 2
fields
}
if (data.ActionUrl != null) {
top.location = data.ActionUrl;
}
if (onSuccess != null) {
onSuccess(data); // what if onSuccess has an empty
signature?
}
}
});
}
So I can call it like so:
var onSuccess = function(data){
$.each(data.Customer, function(i, item){
$('#searchResultCustomers').append(""+ item.Name
+"");
});
});
$('.jsonFormCustomer').jsonForm(onSuccess);
How could I call jsonForm without a null param, too?
Help greatly appreciated!
[jQuery] Re: How can i count validation errors and trigger alert on submit?
For counting errors, use numberOfInvalids(), which comes with the showErrors-Method. Set onfocusout: false, if you don't want the plugin to validate on leaving the element. There are some examples in the documentation: http://docs.jquery.com/Plugins/Validation/validate#toptions On Jan 7, 8:18 am, morraine wrote: > Hello I'm new to jquery and im trying to use the " jQuery plugin: > Validation " but i want to use an alert with it and also count how > many error have occured and put that in the alert as well. > > how do i achieve this > > thanks
[jQuery] Re: element:gt(0) works in FF, but not in Safari/IE/Chrome
I have done some additional testing and I think this might be a jQuery
bug which was introduced at v1.2.5. jQuery v1.2.4 was not released and
the script works in all browsers up to jQuery 1.2.3. But one of my
other scripts only works in jQuery 1.2.6, so I need that version.
On Thu, Dec 18, 2008 at 2:01 PM, DasJan wrote:
> Hi!
>
> I have the following code which, using jQuery 1.1.2 works in FF/Safari/
> IE:
>
> function menu_loader()
> {
> var speed = 200;
> var item_title = new Array();
> var items = new Array();
> var i = 0;
> $("#menu ul").each(function()
> {
> items[i] = $("#menu ul").eq(i).children().filter(function
> (index) { return index > 0; });
> /* v1 - hide items if not active */
> if (items[i].is(".active") == false) { items[i].hide(); }
> /* v2 - hide all */
> //items[i].hide();
> //apply the clicker
> $(this).attr('id', 'c' + i);
> $(this).children(":first").css({ cursor: 'pointer' });
> $(this).attr('onclick', "$('ul#c" + i + " li:gt(0)').toggle("
> + speed + ");$('#content').hide();");
>i++;
> });
> }
>
> I just recently updated to jQuery 1.2.6 and the above code now only
> works in FF, but not in Safari/IE/Chrome.
>
> I have a menu which is based on unordered lists, the first is the
> title of the menu which is always supposed to be displayed, the other
> are only to be displayed when I click on the first IE. When I try this
> in Safari/IE/Chrome and click on the visible LI, nothing happens.
>
> I also tried replacing the line with:
>
> $(this).attr('onclick', "$('ul#c" + i + " li:not(:first-child)').toggle
> (" + speed + ");$('#content').hide();");
>
> and
>
> $(this).attr('onclick', "$('ul#c" + i + " li').slice(1).toggle(" +
> speed + ");$('#content').hide();");
>
> Both of those also work in FF, but again not in Safari/IE/Chrome.
>
> Any ideas?
>
> Thanks,
> Jan
>
>
>
[jQuery] Re: event fires exponentially
Yes I do. It's just a bunch of check boxes to filter and order a
result. It is not updating the form, too. Nothing disastrous about
this.
Keep cool,
Jan
On Tue, Dec 16, 2008 at 5:42 PM, MorningZ wrote:
>
> This original code you posted
>
>
> $(document).ready(function(){
>$form = $('#filter-form');
>$form.ajaxForm({
>//dataType: 'json',
>success: function(){
>alert("peng");
>},
>target: "#layout-child-output"
>});
>$('input', $form).change(function(){
>$form.submit();
>});
> })
>
>
>
>
> has *disaster* written all over it..so every single time a
> form item changes you want to submit the whole entire form? that's
> just inefficient design asking for all kinds of problems like race
> conditions and the like
--
Jan
[jQuery] Re: event fires exponentially
And this does work:
$(document).ready(function(){
$form = $('#filter-form');
$('input', $form).change(function(){
$form.ajaxSubmit({
dataType: 'json',
success: function(){},
target: "#layout-child-output"
});
});
})
strange, though
On Tue, Dec 16, 2008 at 3:27 PM, Jan Limpens wrote:
> Must be some bug in ajaxForm, I guess.
>
> if I change
> $('input', $form).change(function(){
> $form.submit();
> });
>
> to
> $('input', $form).change(function(){
> alert('peng');
> });
>
> it fires once only, otherwise I get the exponential behavior. My guess
> is, that ajaxForm.submit() somehow touches the inputs and triggers the
> change event recursively. But that is just my impression...
>
> On Tue, Dec 16, 2008 at 3:12 PM, Jan Limpens wrote:
>> No, unfortunately... but I may be able to put something up...
>>
>> On Tue, Dec 16, 2008 at 3:05 PM, Eric Hobo Garside wrote:
>>>
>>> Do you have a live environment where this is hosted, or at least the
>>> code for the page to test it locally? Looks like it should be working
>>> fine, at face value.
>>>
>>> On Dec 16, 11:55 am, "Jan Limpens" wrote:
>>>> Hi guys,
>>>>
>>>> I have this piece of innocent looking code:
>>>>
>>>>
>>>> $(document).ready(function(){
>>>> $form = $('#filter-form');
>>>> $form.ajaxForm({
>>>> //dataType: 'json',
>>>> success: function(){
>>>> alert("peng");
>>>> },
>>>> target: "#layout-child-output"
>>>> });
>>>> $('input', $form).change(function(){
>>>> $form.submit();
>>>> });})
>>>>
>>>>
>>>>
>>>> If I check one checkbox, I get one submit, for 2 2, however for 3 4,
>>>> for 4 16, and so on until the server crashes.
>>>>
>>>> Any idea what is wrong here?
>>>> --
>>>> Jan
>>
>>
>>
>> --
>> Jan
>>
>
>
>
> --
> Jan
>
--
Jan
[jQuery] Re: event fires exponentially
Must be some bug in ajaxForm, I guess.
if I change
$('input', $form).change(function(){
$form.submit();
});
to
$('input', $form).change(function(){
alert('peng');
});
it fires once only, otherwise I get the exponential behavior. My guess
is, that ajaxForm.submit() somehow touches the inputs and triggers the
change event recursively. But that is just my impression...
On Tue, Dec 16, 2008 at 3:12 PM, Jan Limpens wrote:
> No, unfortunately... but I may be able to put something up...
>
> On Tue, Dec 16, 2008 at 3:05 PM, Eric Hobo Garside wrote:
>>
>> Do you have a live environment where this is hosted, or at least the
>> code for the page to test it locally? Looks like it should be working
>> fine, at face value.
>>
>> On Dec 16, 11:55 am, "Jan Limpens" wrote:
>>> Hi guys,
>>>
>>> I have this piece of innocent looking code:
>>>
>>>
>>> $(document).ready(function(){
>>> $form = $('#filter-form');
>>> $form.ajaxForm({
>>> //dataType: 'json',
>>> success: function(){
>>> alert("peng");
>>> },
>>> target: "#layout-child-output"
>>> });
>>> $('input', $form).change(function(){
>>> $form.submit();
>>> });})
>>>
>>>
>>>
>>> If I check one checkbox, I get one submit, for 2 2, however for 3 4,
>>> for 4 16, and so on until the server crashes.
>>>
>>> Any idea what is wrong here?
>>> --
>>> Jan
>
>
>
> --
> Jan
>
--
Jan
[jQuery] Re: event fires exponentially
No, unfortunately... but I may be able to put something up...
On Tue, Dec 16, 2008 at 3:05 PM, Eric Hobo Garside wrote:
>
> Do you have a live environment where this is hosted, or at least the
> code for the page to test it locally? Looks like it should be working
> fine, at face value.
>
> On Dec 16, 11:55 am, "Jan Limpens" wrote:
>> Hi guys,
>>
>> I have this piece of innocent looking code:
>>
>>
>> $(document).ready(function(){
>> $form = $('#filter-form');
>> $form.ajaxForm({
>> //dataType: 'json',
>> success: function(){
>> alert("peng");
>> },
>> target: "#layout-child-output"
>> });
>> $('input', $form).change(function(){
>> $form.submit();
>> });})
>>
>>
>>
>> If I check one checkbox, I get one submit, for 2 2, however for 3 4,
>> for 4 16, and so on until the server crashes.
>>
>> Any idea what is wrong here?
>> --
>> Jan
--
Jan
[jQuery] event fires exponentially
Hi guys,
I have this piece of innocent looking code:
$(document).ready(function(){
$form = $('#filter-form');
$form.ajaxForm({
//dataType: 'json',
success: function(){
alert("peng");
},
target: "#layout-child-output"
});
$('input', $form).change(function(){
$form.submit();
});
})
If I check one checkbox, I get one submit, for 2 2, however for 3 4,
for 4 16, and so on until the server crashes.
Any idea what is wrong here?
--
Jan
[jQuery] layout of a project / good practices
Hi guys, I wonder if anybody knows a good page/tutorial/etc... that explains good practices in structuring a project that uses jquery. Currently I have a mess of files that all populate the global name space with things currently in need. If my server side programming looked like that, I'd through me out of the window :) I need to fix this up, probably putting things in classes (well, these funny top level functions that work like classes, in a way) etc.. But how does this work with things like $(document).load(...)? And many questions (most of which have not come into my mind) more. Any pointers? -- Jan
[jQuery] Re: passing args to a delegate
javascript just keeps amazing me more and more :)
thanks for the insight!
On Sat, Dec 13, 2008 at 8:49 PM, Jeffrey Kretz wrote:
>
> Mike's suggestion involves creating a javascript "closure".
>
> There are a number of good articles on closues.
>
> http://www.google.com/search?hl=en&q=javascript+closures&rlz=1W1GGLL_en
>
> But essentially, when you create a function that has a reference to a value
> outside of its scope, that function is created as a closure, with its own
> context that has access to those variables, even when they've been changed on
> the global scope.
>
> Try this:
>
> var x = 25;
> var fn = function(val){
> return function(){
> alert(val);
> };
> }(x);
> x = 30;
> fn();
>
> The alert will be for 25, rather than 30, as the closure has its own context
> now for the x variable.
>
> The downside to closures is that handled incorrectly, they can cause memory
> leaks.
>
> But review of the many articles on the subject will help keep that from
> happening.
>
> JK
>
>
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
> Behalf Of Jan Limpens
> Sent: Saturday, December 13, 2008 2:28 PM
> To: jquery-en@googlegroups.com
> Subject: [jQuery] Re: passing args to a delegate
>
>
> while this might keep the browser from crashing, I wonder what values
> these parameters will have, when the event finally occurs. The ones I
> have passed the very first time? I thought they would have been
> destroyed by then, as we left this scope long ago ...
> But I'll try it out :), thanks!
>
> On Sat, Dec 13, 2008 at 3:22 AM, Mike Nichols
> wrote:
>>
>> Try this:
>> success: function() { registerImageForms(id,key,type); }
>>
>>
>> On Dec 12, 5:13 pm, "Jan Limpens" wrote:
>>> Hello,
>>>
>>> I have the following code:
>>>
>>> var registerImageForms = function(id, key, type) {
>>> var sizes = ['small', 'medium', 'large'];
>>> $('#panel-images fieldset:visible').remove();
>>> $.each(sizes, function(i, item) {
>>> var $clonedForm = $('#panel-images fieldset:hidden').clone();
>>> $("legend", $clonedForm).text(item);
>>> $("[name='id']", $clonedForm).val(id);
>>> $("[name='key']", $clonedForm).val(key);
>>> $("[name='type']", $clonedForm).val(type);
>>> $("[name='size']", $clonedForm).val(item);
>>> $("img", $clonedForm).attr('src', "/imagem/article/" + key +
>>> "/" + item + ".png");
>>> $("#panel-images").append($clonedForm);
>>> $("form", $clonedForm).ajaxForm({
>>> success: registerImageForms
>>> });
>>> $clonedForm.show();
>>> });
>>>
>>> };
>>>
>>> Success has no args, so everything is rendered empty, after posting
>>> the form. If I pass arguments as
>>> success: registerImageForms(id, key, type)
>>>
>>> The browser crashes and it makes sense, because at the time this
>>> fires, these identifiers mean nothing. But how do I pass them?
>>>
>>> --
>>> Jan
>
>
>
> --
> Jan
>
>
--
Jan
[jQuery] Re: passing args to a delegate
while this might keep the browser from crashing, I wonder what values
these parameters will have, when the event finally occurs. The ones I
have passed the very first time? I thought they would have been
destroyed by then, as we left this scope long ago ...
But I'll try it out :), thanks!
On Sat, Dec 13, 2008 at 3:22 AM, Mike Nichols wrote:
>
> Try this:
> success: function() { registerImageForms(id,key,type); }
>
>
> On Dec 12, 5:13 pm, "Jan Limpens" wrote:
>> Hello,
>>
>> I have the following code:
>>
>> var registerImageForms = function(id, key, type) {
>> var sizes = ['small', 'medium', 'large'];
>> $('#panel-images fieldset:visible').remove();
>> $.each(sizes, function(i, item) {
>> var $clonedForm = $('#panel-images fieldset:hidden').clone();
>> $("legend", $clonedForm).text(item);
>> $("[name='id']", $clonedForm).val(id);
>> $("[name='key']", $clonedForm).val(key);
>> $("[name='type']", $clonedForm).val(type);
>> $("[name='size']", $clonedForm).val(item);
>> $("img", $clonedForm).attr('src', "/imagem/article/" + key +
>> "/" + item + ".png");
>> $("#panel-images").append($clonedForm);
>> $("form", $clonedForm).ajaxForm({
>> success: registerImageForms
>> });
>> $clonedForm.show();
>> });
>>
>> };
>>
>> Success has no args, so everything is rendered empty, after posting
>> the form. If I pass arguments as
>> success: registerImageForms(id, key, type)
>>
>> The browser crashes and it makes sense, because at the time this
>> fires, these identifiers mean nothing. But how do I pass them?
>>
>> --
>> Jan
--
Jan
[jQuery] passing args to a delegate
Hello,
I have the following code:
var registerImageForms = function(id, key, type) {
var sizes = ['small', 'medium', 'large'];
$('#panel-images fieldset:visible').remove();
$.each(sizes, function(i, item) {
var $clonedForm = $('#panel-images fieldset:hidden').clone();
$("legend", $clonedForm).text(item);
$("[name='id']", $clonedForm).val(id);
$("[name='key']", $clonedForm).val(key);
$("[name='type']", $clonedForm).val(type);
$("[name='size']", $clonedForm).val(item);
$("img", $clonedForm).attr('src', "/imagem/article/" + key +
"/" + item + ".png");
$("#panel-images").append($clonedForm);
$("form", $clonedForm).ajaxForm({
success: registerImageForms
});
$clonedForm.show();
});
};
Success has no args, so everything is rendered empty, after posting
the form. If I pass arguments as
success: registerImageForms(id, key, type)
The browser crashes and it makes sense, because at the time this
fires, these identifiers mean nothing. But how do I pass them?
--
Jan
[jQuery] Re: fadeIn something from JSON
@karl: works great! thank you!!
@botondus: that's exactly what I had before that, but then, out of
some reason, the first hover would not show the item at all, only the
second.
On Tue, Dec 9, 2008 at 11:19 AM, botondus <[EMAIL PROTECTED]> wrote:
>
> Well if you want to fade in something it has to be hidden first. If
> the example with hide() doesn't work, just hide it straight from html.
>
> $.getJSON(urlForDescription, function(data) {
>$div = $("" + data
> + "");
>$element.after($div).fadeIn();
>});
>
>
> On Dec 9, 12:06 am, "Jan Limpens" <[EMAIL PROTECTED]> wrote:
>> On Mon, Dec 8, 2008 at 7:20 PM, MorningZ <[EMAIL PROTECTED]> wrote:
>> > you'll have to do the fadeIn inside the callback of getJSON
>>
>> var showDescription = function() {
>> $element = $("a.info", this);
>> if ($element.next("div.info").length == 0) {
>> var urlForDescription = $element.attr('href') + '/descricao';
>> $.getJSON(urlForDescription, function(data) {
>> $div = $("" + data + "");
>> $element.after($div).fadeIn();
>> });
>> } else {
>> $element.next("div.info").fadeIn();
>> }
>>
>> }
>>
>> also, just pops up. :(
>>
>> --
>> Jan
--
Jan
[jQuery] Re: fadeIn something from JSON
On Mon, Dec 8, 2008 at 7:20 PM, MorningZ <[EMAIL PROTECTED]> wrote:
> you'll have to do the fadeIn inside the callback of getJSON
var showDescription = function() {
$element = $("a.info", this);
if ($element.next("div.info").length == 0) {
var urlForDescription = $element.attr('href') + '/descricao';
$.getJSON(urlForDescription, function(data) {
$div = $("" + data + "");
$element.after($div).fadeIn();
});
} else {
$element.next("div.info").fadeIn();
}
}
also, just pops up. :(
--
Jan
[jQuery] fadeIn something from JSON
Hello,
I have got this:
var showDescription = function() {
$element = $("a.info", this);
if ($element.next("div.info").length == 0) {
var urlForDescription = $element.attr('href') + '/description';
$.getJSON(urlForDescription, function(data) {
$div = $("" + data + "");
$element.after($div); // pop! :(
});
}
$element.next("div.info").fadeIn();
}
Problem is, that new descriptions will immediately pop up without
fadeIn. Subsequent hovers will work nicely.
How can I fadeIn this new element? I tried hiding it first (via css
and hide()), but then it did not show up at all (only on subsequent
hovers)...
Any ideas?
--
Jan
[jQuery] jquery validation and disabled elements
How can I tell the bassistence validator to ignore disabled inputs? I have ui.tabs, and only the selected tab's controls are enabled. I want validation to fire only at them. -- Jan
[jQuery] Re: how to bind a form to json data
I've got something along the lines here. Just wanted to know of a more solid
approach...
On Wed, Oct 29, 2008 at 3:36 PM, Jay <[EMAIL PROTECTED]> wrote:
>
>
>
> On Oct 29, 10:30 am, "Jan Limpens" <[EMAIL PROTECTED]> wrote:
> > hello,
> > then I get from somewhere
> >
> > [{"id":1,"Choice":"two"}]
> >
> > Then the form should get into this state:
> >
> >
> >
> >
> > one
> > two
> >
> >
> >
> > Is this implemented somewhere?
>
> not that I know of.
> It's tricky but I think you could do it reasonably quickly using some
> javascript.
> Something like this:
>
> (not tested!)
>
>
>
>
>
>
> var jsondata = { foo:'x', bar:'y' };
> for ( prop in jsondata )
> document.myform[prop].value = jsondata[prop];
>
--
Jan
___
[EMAIL PROTECTED]
www.limpens.com
+55 (11) 3082-1087
+55 (11) 3097-8339
[jQuery] how to bind a form to json data
hello,
I know how to make a form return json, but how can I bind a form to json, so
that all textfields, selects etc. show the correct value?
one
two
then I get from somewhere
[{"id":1,"Choice":"two"}]
Then the form should get into this state:
one
two
Is this implemented somewhere?
--
Jan
___
[EMAIL PROTECTED]
www.limpens.com
+55 (11) 3082-1087
+55 (11) 3097-8339
[jQuery] Pb with JqModal et datepicker
Hi,
I would like to display 2 datepickers in a jqm window. The problem is when I
click on the second datepicker and I choose a date, the first datepicker
displays and I can't choose a date for the second.
This is my code :
index.html
http://www.w3.org/TR/html4/strict.dtd";>
Untitled Document
$().ready(function() {
$('#jqm').jqm({ajax:
'window.html',modal:true});
});
function TEST() {
$('#jqm').jqmShow();
}
window.html
From
To
$(document).ready(function(){
$('.calendarRange').datepicker({
showOn: 'both',
buttonImage: 'images/calendar.gif',
buttonImageOnly: true,
dateFormat: "yy-mm-dd"
});
});
--
View this message in context:
http://www.nabble.com/Pb-with-JqModal-et-datepicker-tp19616071s27240p19616071.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] Re: linking two controls
Right now I amusing jqModal for this, but this should not impact too
much on my question.
Right now the work flow is like that:
user clicks on button -->
- button id is saved in a hidden field
- dialog is opened and content search form is loaded via ajax
user click search button -->
- radiobutton list in dialog is populated via ajax
- list item change event is hooked up, so that it will
write its value to the input box next() to the item
which id is in the hidden field
- dialog is closed
I do not like this because everything crosses so many borders. the
dialogue should have no knowledge about hidden fields (and that some
button has an input field next to it) exterior to it.
It should simply expose an event, the originating button is
subscribing to. or the equivalent in js-speak.
But so far I have not found a way to implement something like that. My
javascript sucks, that's for sure :S
--
Jan
On Wed, Sep 17, 2008 at 7:22 AM, Richard D. Worth <[EMAIL PROTECTED]> wrote:
> I'm not sure if this is exactly what you're looking for, but I wonder if
> you've looked at the jQuery UI Dialog plugin:
>
> Docs:
> http://docs.jquery.com/UI/Dialog
>
> Demos:
> http://ui.jquery.com/repository/latest/demos/functional/#ui.dialog
>
> If it interests you and you have further questions, there's a dedicated
> jQuery UI mailing list:
>
> http://groups.google.com/group/jquery-ui/
>
> - Richard
>
> Richard D. Worth
> http://rdworth.org/
>
> On Tue, Sep 16, 2008 at 2:28 PM, Jan Limpens <[EMAIL PROTECTED]> wrote:
>>
>> ah and by popup i mean something like a modal dialogue on the page,
>> not another browser instance.
>>
>> On Tue, Sep 16, 2008 at 3:22 PM, Jan Limpens <[EMAIL PROTECTED]>
>> wrote:
>> > hello,
>> >
>> > on several pages I have small forms (plural) with a textbox and a
>> > button. If I click on the button, a popup shows a search form. The
>> > results of the searchform are shown in the very same popup as a list
>> > of radiobuttons/labels. If someone selects a radiobutton, it's value
>> > should be inserted into the textbox next to the button. Then the popup
>> > should go away.
>> >
>> > This popup (something like a singleton) serves many different pages,
>> > so I cannot hardwire it. Probably I need to pass a delegate to some
>> > event the form provides, indicating the originating form. Problem is:
>> > I have no idea how something like this can be done. Anyone could give
>> > me a hint or two, or direct me to good resources on similar matters?
>> >
>> > The popup looks like that:
>> >
>> > > > action="${Url.For([EMAIL PROTECTED]:'articles',
>> > @action:'FullTextSearchAsJson'})}">
>> >
>> >
>> >
>> >
>> >
>> >
>> > > > src="/script/jquery-1.2.6.min.js">
>> >
>> >
>> >
>> >
>> > $(document).ready(function() {
>> >$('#article-search-form').ajaxForm({
>> >dataType: 'json',
>> >success: fillListWithArticles
>> >});
>> > });
>> >
>> > function fillListWithArticles(data)
>> > {
>> >var list = $("#article-search-result");
>> >$(list).empty();
>> >i = 0;
>> > $.each(data, function(){
>> >id = "article-search-result-" + i;
>> >$("<div><input type='radio' value='"+this.Id+"'
>> > id='"+id+"'
>> > name='article.Id'/><label style='float: inherit' for='"+id+"'>" +
>> > this.Name +"</label></div>").appendTo(list);
>> >i++;
>> >});
>> > }
>> >
>> >
>> > --
>> > Jan
>> > ___
>> > [EMAIL PROTECTED]
>> > www.limpens.com
>> > +55 (11) 3082-1087
>> > +55 (11) 3097-8339
>> >
>>
>>
>>
>> --
>> Jan
>> ___
>> [EMAIL PROTECTED]
>> www.limpens.com
>> +55 (11) 3082-1087
>> +55 (11) 3097-8339
>
>
--
Jan
___
[EMAIL PROTECTED]
www.limpens.com
+55 (11) 3082-1087
+55 (11) 3097-8339
[jQuery] Re: linking two controls
ah and by popup i mean something like a modal dialogue on the page,
not another browser instance.
On Tue, Sep 16, 2008 at 3:22 PM, Jan Limpens <[EMAIL PROTECTED]> wrote:
> hello,
>
> on several pages I have small forms (plural) with a textbox and a
> button. If I click on the button, a popup shows a search form. The
> results of the searchform are shown in the very same popup as a list
> of radiobuttons/labels. If someone selects a radiobutton, it's value
> should be inserted into the textbox next to the button. Then the popup
> should go away.
>
> This popup (something like a singleton) serves many different pages,
> so I cannot hardwire it. Probably I need to pass a delegate to some
> event the form provides, indicating the originating form. Problem is:
> I have no idea how something like this can be done. Anyone could give
> me a hint or two, or direct me to good resources on similar matters?
>
> The popup looks like that:
>
> action="${Url.For([EMAIL PROTECTED]:'articles',
> @action:'FullTextSearchAsJson'})}">
>
>
>
>
>
>
>
>
>
>
>
> $(document).ready(function() {
>$('#article-search-form').ajaxForm({
>dataType: 'json',
>success: fillListWithArticles
>});
> });
>
> function fillListWithArticles(data)
> {
>var list = $("#article-search-result");
>$(list).empty();
>i = 0;
>$.each(data, function(){
>id = "article-search-result-" + i;
>$("<div><input type='radio' value='"+this.Id+"' id='"+id+"'
> name='article.Id'/><label style='float: inherit' for='"+id+"'>" +
> this.Name +"</label></div>").appendTo(list);
>i++;
>});
> }
>
>
> --
> Jan
> ___
> [EMAIL PROTECTED]
> www.limpens.com
> +55 (11) 3082-1087
> +55 (11) 3097-8339
>
--
Jan
___
[EMAIL PROTECTED]
www.limpens.com
+55 (11) 3082-1087
+55 (11) 3097-8339
[jQuery] linking two controls
hello,
on several pages I have small forms (plural) with a textbox and a
button. If I click on the button, a popup shows a search form. The
results of the searchform are shown in the very same popup as a list
of radiobuttons/labels. If someone selects a radiobutton, it's value
should be inserted into the textbox next to the button. Then the popup
should go away.
This popup (something like a singleton) serves many different pages,
so I cannot hardwire it. Probably I need to pass a delegate to some
event the form provides, indicating the originating form. Problem is:
I have no idea how something like this can be done. Anyone could give
me a hint or two, or direct me to good resources on similar matters?
The popup looks like that:
$(document).ready(function() {
$('#article-search-form').ajaxForm({
dataType: 'json',
success: fillListWithArticles
});
});
function fillListWithArticles(data)
{
var list = $("#article-search-result");
$(list).empty();
i = 0;
$.each(data, function(){
id = "article-search-result-" + i;
$("<div><input type='radio' value='"+this.Id+"' id='"+id+"'
name='article.Id'/><label style='float: inherit' for='"+id+"'>" +
this.Name +"</label></div>").appendTo(list);
i++;
});
}
--
Jan
___
[EMAIL PROTECTED]
www.limpens.com
+55 (11) 3082-1087
+55 (11) 3097-8339
[jQuery] jQuery under Konqueror
Hi ! When I open jQuery homepage site under Konqueror i see something like that: http://jan.koprowski.zhr.pl/jquery_konqueror.png Even demo script doesn't work. Why ?
[jQuery] chaining and functions
Hi, another starter question:
I do not understand why
$('#content').empty().append("hello");
works, and this works
$('#content').empty().append(makeContent());
function makeContent(){
return "hello";
};
and this
$('#content').empty().append( function() { return "hello" } );
does not produce any output?
thanks, Jan Vandorpe
[jQuery] Re: jqModal callback
Nobody has an idea, what I am doing wrong? Or is the question too
specific / this the wrong place to ask this kind of question?
2008/6/6 Jan Limpens <[EMAIL PROTECTED]>:
> Hello,
>
> I am in the process of writing some scripts that makes use of JqModal
> (http://dev.iceburg.net/jquery/jqModal/).
> What I have to do is the following:
> The web page contains numerous ajax forms that have as their target a modal
> div .
> If the user clicks on the submit button, the response is inserted in the div
> and shown.
>
> Some of the forms contain a hidden select element.
> Once the user clicks on one of those forms' submit button, a dialogue is
> presented (using the very same div).
> It shows the selects contents as a radio list. Once the user has checked a
> radio input, the corresponding option in the select is selected and the form
> is ajax posted as described before.
>
> (Or could this be done simpler?)
>
> But: the confirm method does not break processing: I override confirm, but
> it is simply ignored - the confirmation dialogue blinks only for the
> fraction of a second and the form is submitted as if it would not have been
> there.
>
> var options = {
> target: '#modalWindow',
> beforeSubmit: handleOptions,
> success: function(){
> showModal();
> showCartInfo();
> }
> };
>
> $(function() {
> $('form.buyarticle').ajaxForm(options)
> });
>
> function showModal(){
> return $('#modalWindow').jqmShow();
> }
>
> function showModalWithContent(html){
> return $('#modalWindow').html(html).jqmShow();
> }
>
> function hideModal(){
> return $('#modalWindow').html('').jqmHide();
> }
>
> function handleOptions(formData, jqForm, options)
> {
> var currentSelect = $(jqForm).find("select");
> if (currentSelect!=null && currentSelect.length > 0)
> return confirm(makeSelectMessage(currentSelect),
> callback_SelectResult);
> else
> return true;
> }
>
> function confirm(select,callback) {
> $(showModalWithContent(makeSelectMessage(select)))
> .end()
> .find(':submit:visible')
> .click(function(){
> callback(select);
> hideModal();
> return false; // to prevent the form from posting (does not
> work...)
> });
> }
>
> function callback_SelectResult(select){
> var result = $("#modelWindow :input:checked").eq(0);
> select.selectedIndex = result;
> }
>
> var currentSelect;
>
> function makeSelectMessage(select)
> {
> var msg ="Este produto vem com estas
> variações:";
> msg += "";
> msg += "";
> var i = 0;
> $(select).find("option").each(function(){
> msg += "";
> msg += " id='option_" + i + "'";
> if (i==0)
> msg += " checked='checked'";
> msg += " />";
> msg += $(this).attr("value");
> msg += "";
> i++;
> });
> msg += ""
> msg += "";
> msg += "";
> return msg;
> }
>
> Anyone with more jq experience can tell me what I am doing wrong?
>
> --
> Jan
> ___
> [EMAIL PROTECTED]
> www.limpens.com
> +55 (11) 3082-1087
> +55 (11) 3097-8339
--
Jan
___
[EMAIL PROTECTED]
www.limpens.com
+55 (11) 3082-1087
+55 (11) 3097-8339
[jQuery] jqModal callback
Hello,
I am in the process of writing some scripts that makes use of JqModal (
http://dev.iceburg.net/jquery/jqModal/).
What I have to do is the following:
The web page contains numerous ajax forms that have as their target a modal
div .
If the user clicks on the submit button, the response is inserted in the div
and shown.
Some of the forms contain a hidden select element.
Once the user clicks on one of those forms' submit button, a dialogue is
presented (using the very same div).
It shows the selects contents as a radio list. Once the user has checked a
radio input, the corresponding option in the select is selected and the form
is ajax posted as described before.
(Or could this be done simpler?)
But: the confirm method does not break processing: I override confirm, but
it is simply ignored - the confirmation dialogue blinks only for the
fraction of a second and the form is submitted as if it would not have been
there.
var options = {
target: '#modalWindow',
beforeSubmit: handleOptions,
success: function(){
showModal();
showCartInfo();
}
};
$(function() {
$('form.buyarticle').ajaxForm(options)
});
function showModal(){
return $('#modalWindow').jqmShow();
}
function showModalWithContent(html){
return $('#modalWindow').html(html).jqmShow();
}
function hideModal(){
return $('#modalWindow').html('').jqmHide();
}
function handleOptions(formData, jqForm, options)
{
var currentSelect = $(jqForm).find("select");
if (currentSelect!=null && currentSelect.length > 0)
return confirm(makeSelectMessage(currentSelect),
callback_SelectResult);
else
return true;
}
function confirm(select,callback) {
$(showModalWithContent(makeSelectMessage(select)))
.end()
.find(':submit:visible')
.click(function(){
callback(select);
hideModal();
return false; // to prevent the form from posting (does not
work...)
});
}
function callback_SelectResult(select){
var result = $("#modelWindow :input:checked").eq(0);
select.selectedIndex = result;
}
var currentSelect;
function makeSelectMessage(select)
{
var msg ="Este produto vem com estas
variações:";
msg += "";
msg += "";
var i = 0;
$(select).find("option").each(function(){
msg += "";
msg += "";
msg += $(this).attr("value");
msg += "";
i++;
});
msg += ""
msg += "";
msg += "";
return msg;
}
Anyone with more jq experience can tell me what I am doing wrong?
--
Jan
___
[EMAIL PROTECTED]
www.limpens.com
+55 (11) 3082-1087
+55 (11) 3097-8339
[jQuery] Re: get Request doesnt work in IE7
Yes there is supposed to be a ";", and no, this does not solve the
problem.
Thanks for the try, though.
Any other suggestions?
As I said, the script has no problems in FF. Just IE7 wont work.
On 5 Jun., 20:32, Carl Von Stetten <[EMAIL PROTECTED]> wrote:
> Don't know if this is the problem, but you're missing a semicolon (;)
> after the end of your $.get function call.
>
> Carl
>
> Jan S wrote:
> > All of a sudden, xmlhttprequests don't work no more in IE7. FF
> > perfect, no problems.
> > Here the simple code:
> > >www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> > http://www.w3.org/1999/xhtml";>
> >
> > some title
> >
> > </
> > script>
> > <script type="text/javascript">
> > $(document).ready(function(){
> > $.get('act/load.list.php', {kind:'contracts'}, function
> > (data) {
> > alert(data);
> > })
> > });
> >
> >
> >
> >
> >
> > The Browser does the request, but "function (data) {}" is never
> > called.
> > This problem drives me crazy!!!
> > Please someone help. Or is it even a browser-property problem?
> > Thanks
[jQuery] get Request doesnt work in IE7
All of a sudden, xmlhttprequests don't work no more in IE7. FF
perfect, no problems.
Here the simple code:
http://www.w3.org/1999/xhtml";>
some title
$(document).ready(function(){
$.get('act/load.list.php', {kind:'contracts'}, function
(data) {
alert(data);
})
});
The Browser does the request, but "function (data) {}" is never
called.
This problem drives me crazy!!!
Please someone help. Or is it even a browser-property problem?
Thanks
[jQuery] Re: What is the purpose of th jcarousel this.funcResize() function?
Hi, i fixed that in the current version. Jan On 19 Mai, 18:48, Jeff Kenny <[EMAIL PROTECTED]> wrote: > I noticed this message after I posted mine, but apparently this > "this.funcResize()" function is also what's causing IE 6 and 7 to > scrollback when an item in the list is clicked. Here's my message: > > http://groups.google.com/group/jquery-en/browse_thread/thread/188eed4... > > I commented out the prev() function and it doesn't seem to have hurt > anything - but I'd love to hear from the author or a contributor as to > why they thought it was necessary in the first place...I don't want to > break something unwittingly. > > thanks! > > On May 16, 2:21 am, Domaa <[EMAIL PROTECTED]> wrote: > > > Hi, > > > I've been playing around with thejcarouselplugin for jquery and it > > works really great. However I am getting annoyed by the fact that > > every time I open up firebug or resize the window fo my > > browser,jcarouselautomatically forces the prev() function to be executed. > > > I had a look at the code and it appears that this is caused by the > > "this.funcResize" property. > > > Does someone know the purpose of this? Is it just an undocumented > > feature? If so, what is the logic of forcing the carousle to move to > > the previous item when the page is resized? > > > Thanks in advance, > > Domaa.
[jQuery] Re: jcarousel: problem with IE (6 & 7) scrolling back
Hi, thats a bug. I fixed that in the current version. Jan On 19 Mai, 07:55, Jeff Kenny <[EMAIL PROTECTED]> wrote: > Hi - I noticed a problem on the thickbox example page in both IE 6 and > 7 where when you click on an thumbnail in the carousel to get the > larger image the carousel scrolls back to the left and closing the > thickbox causes it to scroll back to the left again. Any idea what > could be causing this and how it could be fixed? > > Thanks, > Jeff
[jQuery] Re: jCarousel - Multiple rows in horizontal mode (or cols in vertical mode)
Hi, you can put whatever you want inside the items. It can be a single image or a table of 9 images. Jan On 30 Apr., 13:00, tekanet <[EMAIL PROTECTED]> wrote: > Hello folks, > I need to put multiple items in a carousel, placed on rows and cols, > with horizontal scrolling. > > Examples. Now my carousel looks like this: > > <- [ITEM] [ITEM] [ITEM] -> > > I want it like this: > > [ITEM] [ITEM] [ITEM] > <- [ITEM] [ITEM] [ITEM] -> > [ITEM] [ITEM] [ITEM] > > Is this possibile? Is there any other carousel component that works > like this? > > TIA, > tk
[jQuery] Re: Scroll, jump, goTo etc problem
Hi,
check the "external controls" example:
http://sorgalla.com/projects/jcarousel/examples/static_controls.html
Jan
On 30 Apr., 16:03, theVibe <[EMAIL PROTECTED]> wrote:
> Hi,
>
> This is what i want to use. onClick jump to 'imgIndex':
>
> [...]
>
> Some
> Info
> More
> Info
>
> [...]
>
>
> ...
> ...
> ...
> ...
>
>
> [...]
>
> function jumpToImg(imgIndex){
>
> jQuery(document).ready(function() {
> jQuery('#carousel').jcarousel({
> start: imgIndex
> });
> });
>
> }
>
> and of course is not working.
>
> I need an ideea how can i solve this problem, this simple problem but
> as far as i see complicated for me.
>
> Thank you in advance.
[jQuery] Re: jCarousel circular bug in IE7, separate bug in Firefox (mac)?
Hi, i've fixed this. Just download the package again. Jan On 28 Apr., 23:28, ericHurst <[EMAIL PROTECTED]> wrote: > I am usingjCarouselv0.2.3 with jQ 1.2.3. > > I'm having a problem on IE7 where the item that should be displayed on > the left side, next to the back arrow, is cut out. Not only does this > happen with my own use of the code, but I get the same result on the > circular example > athttp://sorgalla.com/projects/jcarousel/examples/special_circular.html. > Has anyone found a way to remedy this? > > Also, in Firefox (2.0.0.14) on a Mac, again using circular, when the > carousel refreshes the images (to create the circle) there is a jerk > in the animation. Has anyone had any success fixing this problem? I > know with certain slide and blind effects you can set a 'to' or 'from' > to an integer other than default and remedy an animation hitch, but I > haven't seen any such usage withjCarousel. > > FWIW, here is a pastie/link to my code (not very different from the > example on sorgalla.com):http://pastie.caboo.se/private/xi7xuwuo958pt6jfhfsdxa > > Thanks in advance, > > Eric
[jQuery] Re: jCarousel: HTML structure vs CSS vs documentation
Thanks, its fixed now. Jan On 28 Apr., 12:45, "Glenn Nilsson" <[EMAIL PROTECTED]> wrote: > Sorry, wrong line number, 24, not 28. > > * > > On Mon, Apr 28, 2008 at 12:42 PM, Glenn Nilsson <[EMAIL PROTECTED]> wrote: > > Hi, > > > just upgraded thejCarouselplugin to the newly released version > > 0.2.3, and my styling broke. This due to the structural modification > > where a new div with only the skin-name as a class is inserted as a > > container. This was quite easy to fix, however the comment in the js- > > file is now incorrect. At least on line 28 is the non-packed/minified > > version. > > > This was just a heads up =) > > > /Glenn > > -- > > http://wailqill.com/
[jQuery] Re: Slide Panel
I'm trying to achieve the same, but with an overlayed panel sliding up
from the bottom of the screen. Do you know if that is possible using
this script?
Jan David
On 20 mrt, 21:47, uneuronh <[EMAIL PROTECTED]> wrote:
> hey thanks, it worked :)
>
> On Mar 19, 5:36 am, "Richard D. Worth" <[EMAIL PROTECTED]> wrote:
>
> > Wrap the panel and the button in a div with position:absolute;
>
> > Here's a tutorial:
>
> >http://www.barelyfitz.com/screencast/html-training/css/positioning/
>
> > - Richard
>
> > Richard D. Worthhttp://rdworth.org/
>
> > On Tue, Mar 18, 2008 at 3:19 PM, uneuronh <[EMAIL PROTECTED]>
> > wrote:
>
> > > Hi all,
>
> > > I am working on slide panel similar to
> > >http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html
>
> > > Problem: The panel which slides down pushes all the div' s in the page
>
> > > Excepted: The panel should act as an overlay on the current page
> > > without pushing any div's down
>
> > > This is my jquery code used
>
> > > $(document).ready(function(){
> > > $(".btn-slide").click(function(){
> > > $("#service").slideToggle("slow");
> > > return false;
> > > });
> > > });
>
> > > Things tired:
>
> > > I gave z-index to the panel, didnt work , still contents below the
> > > slider gets pushed down
>
> > > Please give some reference, where i can read /learn from
[jQuery] Re: validate() and multiple forms that arrive via ajax
solution for dynamically loaded, multiple ajax forms with jquery validate:
function setupForm(form, target){
$("input.ajax-invisible").hide();
$(form).validate({ // ataches the validator
currentForm : $(form),
submitHandler: function() { submit(form, target) }
});
}
function submit(form, target){
if ($(target) != null) {
$(form).ajaxSubmit({target: $(target)});
} else {
form.submit();
}
}
On Fri, Apr 18, 2008 at 6:19 PM, Jan Limpens <[EMAIL PROTECTED]> wrote:
> In the meantime I refactored this to:
>
> function setupForm(form, target){
>
> $("input.ajax-invisible").hide();
> $(form).validate({
> currentForm : $(form)
> });
> if ($(target) != null) {
> $(form).ajaxForm({
> beforeSubmit: function(){$(form).valid()},
> target: $(target)
> });
> }
> }
>
> but the problem persists... any help?
>
>
>
> On Fri, Apr 18, 2008 at 1:06 PM, Jan Limpens <[EMAIL PROTECTED]> wrote:
> >
> > In a wizard I have a container page with a few divs, every div can
> > host a certain form, that post it's result to another div. Everything
> > via ajax.
> > On the bottom of these forms, I call something like this:
> > jQuery(function($){
> > setupAddressForm();
> > });
> >
> > which looks like this
> > function setupAddressForm(){
> > var form = setupForm($("#formAddressStep"));
> > createAjaxContext(form, $("#panelpaymentoption"));
> > }
> >
> > function setupForm(form){
> > $("input.ajax-invisible").hide();
> > $(form).validate({
> > submitHandler: function(form) {
> > $(form).ajaxSubmit();
> > },
> > currentForm : form
> > });
> > return form;
> > }
> >
> > function createAjaxContext(form, nextStep, onSuccess){
> > form.ajaxForm({
> > target: nextStep,
> > success: onSuccess
> > });
> > }
> >
> > But only the very first form is actually validated, Firebug tells me
> > that it always remains the currentForm.
> >
> > How can I set subsequent forms to be the currentForm?
> >
>
>
>
> --
> Jan
> ___
> [EMAIL PROTECTED]
> www.limpens.com
> +55 (11) 3082-1087
> +55 (11) 3097-8339
>
--
Jan
___
[EMAIL PROTECTED]
www.limpens.com
+55 (11) 3082-1087
+55 (11) 3097-8339
[jQuery] Re: validate() and multiple forms that arrive via ajax
In the meantime I refactored this to:
function setupForm(form, target){
$("input.ajax-invisible").hide();
$(form).validate({
currentForm : $(form)
});
if ($(target) != null) {
$(form).ajaxForm({
beforeSubmit: function(){$(form).valid()},
target: $(target)
});
}
}
but the problem persists... any help?
On Fri, Apr 18, 2008 at 1:06 PM, Jan Limpens <[EMAIL PROTECTED]> wrote:
>
> In a wizard I have a container page with a few divs, every div can
> host a certain form, that post it's result to another div. Everything
> via ajax.
> On the bottom of these forms, I call something like this:
> jQuery(function($){
> setupAddressForm();
> });
>
> which looks like this
> function setupAddressForm(){
> var form = setupForm($("#formAddressStep"));
> createAjaxContext(form, $("#panelpaymentoption"));
> }
>
> function setupForm(form){
> $("input.ajax-invisible").hide();
> $(form).validate({
> submitHandler: function(form) {
> $(form).ajaxSubmit();
> },
> currentForm : form
> });
> return form;
> }
>
> function createAjaxContext(form, nextStep, onSuccess){
> form.ajaxForm({
> target: nextStep,
> success: onSuccess
> });
> }
>
> But only the very first form is actually validated, Firebug tells me
> that it always remains the currentForm.
>
> How can I set subsequent forms to be the currentForm?
>
--
Jan
___
[EMAIL PROTECTED]
www.limpens.com
+55 (11) 3082-1087
+55 (11) 3097-8339
[jQuery] Re: jCarousel infinite loop problem w/ multiple carousels on display: none
Hi, On 17 Apr., 21:00, jack <[EMAIL PROTECTED]> wrote: > Could anyone tell me the purpose of binding the window resize to > reload the carousel? Why would this need to happen by default, it > seems unnecessary...? thats because you can control the behaviour of the width from outside with css. On resize, the number of visible items can change and jcarousel needs to know that for firing the callbacks. See: http://sorgalla.com/projects/jcarousel/examples/static_callbacks.html But i'll keep that in mind and will add an "noOnResizeBind" option to the next version. Jan
[jQuery] validate() and multiple forms that arrive via ajax
In a wizard I have a container page with a few divs, every div can
host a certain form, that post it's result to another div. Everything
via ajax.
On the bottom of these forms, I call something like this:
jQuery(function($){
setupAddressForm();
});
which looks like this
function setupAddressForm(){
var form = setupForm($("#formAddressStep"));
createAjaxContext(form, $("#panelpaymentoption"));
}
function setupForm(form){
$("input.ajax-invisible").hide();
$(form).validate({
submitHandler: function(form) {
$(form).ajaxSubmit();
},
currentForm : form
});
return form;
}
function createAjaxContext(form, nextStep, onSuccess){
form.ajaxForm({
target: nextStep,
success: onSuccess
});
}
But only the very first form is actually validated, Firebug tells me
that it always remains the currentForm.
How can I set subsequent forms to be the currentForm?
[jQuery] Re: jCarousel - highlight current external control
Hi, could you please show an example page. Jan On 16 Apr., 08:19, "Ryan M." <[EMAIL PROTECTED]> wrote: > I'm attempting to use thejCarouselplugin, and have been able to set > up what I want, for the most part. In the carousel I've built, I'm > only showing one image at a time, and am using external controls to > allow for access to the set of images. I'd like to be able to > highlight the control that matches the current image, but haven't been > able to figure out how to do that. I presume there might be a way to > do it using the callback functions, but, since I'm a javascript > newbie, I'm having a difficult time. > > The callback example shows this function: "function > mycarousel_itemVisibleInCallbackAfterAnimation" which identifies the > "idx" that is visible. Is there a way to use this function to assign a > css class to the external control associated with the currently > visible "idx"? > > Anyone else done something like this with success? Or know how to use > the callback functions? > > Thanks, > > Ryan M.
[jQuery] Re: jCarousel problems in IE6 and 7
Hi, can you please post a link the page. Jan On 9 Apr., 17:52, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote: > I'm usingjCarouselto scroll a list of images (linked to pages) > horizontally. It's a simple setup - the carousel is inside a div that > has a background colour set in another stylesheet, the rest of the > settings are not changed much from the default for horizontal > carousels. > In Firefox, everything works fine. In IE6 and IE7, the carousel goes > way off the page with all of the images showing in one long list. It's > supposed to show 3 at a time in a box that's about 740px wide, but > instead it shows all of them at once. > I'm using the packed version ofjCarousel- jquery.jcarousel.pack.js > and the jQuery version is jquery-1.2.1.min.js. Do I need to use the > unpacked version and edit some of thejCarouseljavascript? It's as if > the horizontal div that's generated at runtime isn't clipping...not > sure, and I don't know how to fix it. > > Thanks in advance to anyone that can help me.
[jQuery] Re: jcarousel problem under Safari
Hi, On 3 Apr., 13:09, tetris <[EMAIL PROTECTED]> wrote: > i am experiencing this under safari: if i do resize my browser > window , the carousel gets some very weird behavior, anyone > experiencing this? yes, i'm also experiencing weird bahaviours in safari. I'm not sure if thats a jquery.ready() or a jCarousel issue. But i'm currently working on it and you can expect an update in the next few days (tomorrow hopefully). Jan
[jQuery] Re: jcarousel scroll breaks in IE6 + IE7
Hi,
you should initialize jCarousel like this:
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
scroll: 1
});
});
Remove the comma after scroll: 1
IE does not accept a comma after the last entry in hashes.
On 25 Mrz., 16:19, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote:
> I'm usingjcarouselfrom sorgalla (http://sorgalla.com)
>
> I'm using his static simple example and simply added the scroll: 1,
> code to make the images scroll one at a time. It works in Firefox but
> is broken in IE 6 and 7. In both browsers it just shows everything as
> a list. Here is my code
> -http://www.trendyminds.com/j/examples/static_simple.html
> What am I doing wrong? Thanks!
[jQuery] Re: jCarousel infinite loop problem w/ multiple carousels on display: none
Hi,
i couldn't reproduce that. Can you please create a cleaned up sample
page (without google maps) where i can test it.
Jan
On 31 Jan., 04:04, Todd <[EMAIL PROTECTED]> wrote:
> I am attempting to build a page with multiple carousels, that by
> default, only one displays. When you click on an element on the page
> (a staff members name), you see their own personal carousel, which
> replaces the default.
>
> When I attempt to do this, I receive the following error message:
>
> "jCarousel: No width/height set for items. This will cause an infinite
> loop. Aborting"
>
> Code:
>
> var $j = jQuery.noConflict();
>
> $j(document).ready(function() {
>
> onLoad();
>
> $j('ul.usecarousel').jcarousel({
> visible: 5
> });
>
> $j('.gpic_wrapper').hide();
> $j('.gpic_wrapper#jamie').show();
>
> $j('a.teamnav').click(function()
> {
> $j('.gpic_wrapper').hide();
> $j('.gpic_wrapper#' + this.id).show();
>
> var currentPerson = this.id;
>
> $j("a.teamnav").each(function()
> {
> if (this.id == currentPerson)
> $j(this).addClass("selectedPerson");
> else
> $j(this).removeClass("selectedPerson");
> });
> return false;
> });
> });
>
> I am linking to the appropriate jcarousel and skin.css, but if I take
> a div class that surrounds one of the carousels and display: none; it,
> and then resize my browser window, the alert error appears.
>
> I have also adjusted my jcarousel pack and swapped
>
> |loop|ol|infinite|an|ul|cause|will|This|items|set|No|jCarousel|alert|
>
> with
>
> |loop|ol|infinite|an|ul|cause|will|This|items|set|No|jCarousel|isNaN|
>
> but still am having no luck.
>
> I don't have a way to publish the page currently as it also involves a
> google map, and the api key is set to my dev area only.
>
> Thoughts?
[jQuery] Re: Jcarousel problems in Safari.
Hi, On 30 Nov., 12:55, jonhobbs <[EMAIL PROTECTED]> wrote: > Hi, > > I've been trying to use Jcarousel -http://sorgalla.com/jcarousel/- > I'm sure some of you will know of it. > > The problem is that I was coming across all sorts of display bugs in > the PC version of Safari (version 3.0.3). I thought it was my > implementation but then I checked the official site and found out that > the demos on there don't work either. > > If you try this demo in Safari > -http://sorgalla.com/projects/jcarousel/examples/static_simple.html > - and click the back and forward buttons you should see that items > just disappear. In my implementation the items usually start off > showing but then end up spaced really far apart or disappearing > completely when you scroll back and forth. i've checked that with version 3.0.4 and can't reproduce that. Its all working just fine for me... Jan
[jQuery] Re: jCarousel: No width/height set for items.
Hi,
On 23 Nov., 13:36, sukhminder <[EMAIL PROTECTED]> wrote:
> I have implemented jCarousel dynamically loading images with AJAX. It
> runs fine until I click some other link on the page and it shows me
> the following error: "jCarousel: No width/height set for items. This
> will cause an infinite loop. Aborting..."
>
> Below is the part of the code what I am using:
>
> function gallery() {
> $('#cbody').html(' id="dspPic">');
>
> $('#mycarousel').jcarousel({
> scroll: 6,
> itemLoadCallback: mycarousel_itemLoadCallback
> });
>
> };
>
> function mycarousel_getItemHTML(url)
> {
>
> var url_m = url.replace(/small/g, '');
>
> return ' +')">';
>
> };
>
> function showPic(picurl) {
> $('#dspPic').html("
> >").animate({height: 'show',opacity: 'show'}, 'slow');
> }
>
> Thanks!
did you included the core css file (jquery.jcarousel.css)?
Jan
[jQuery] Re: jcarousel using jquery - VERY slow init in IE7
Hi, On 12 Nov., 20:53, tflanders <[EMAIL PROTECTED]> wrote: > I have a very simple jcarousel example that works perfectly in Firefox > but takes about 20 seconds to startup in IE7. > > This is using jcarousel 0.2.1 and jquery 1.2.1. > > Here is a link to the sample (very straightforward > html):http://www.azestimators.com/slide/az.htm > > If you can help me figure out why this takes so long with IE7 I would > really appreciate it. > Thanks, > Tim hmm...the page loads fast for me in IE7. Jan
[jQuery] Re: cross domain ajax calls
Hi, On 12 Nov., 15:50, "[EMAIL PROTECTED]" <[EMAIL PROTECTED]> wrote: > thank you so much karl. > > i forgot to point out that i need a client-side solution. > > because, the server which is serving the xml document i need, only > accepts one request per second. if you query more, the server blocks > my servers ip. > > i need a pure java script solution. so every query will be made via > users ip. > but i am about to loose my hope. maybe that will help: http://code.google.com/apis/ajaxfeeds/ Jan
[jQuery] Re: jcarousel: how to count click next and previous
magostoni schrieb:
> Hi,
> I begin to use jcarousel now, and I think it is verey very well maked.
> I am not so expert in js so I have a need:
>
> I have to external control for next and prevoius button and they
> scroll fine. I want to take count of next and previous so I think to a
> variable that take currPage + 1 for next and currPage - 1 for previous
> to use it to make visible on the page an object based on what page I
> am visiting in that moment. I hope to make you understand.
> I think I have to put this in the jcarousel class and initialize it,
> but I don't know exactly where.
> [...]
> If you can give me some help,
>
> With thanks.
you can get the current page like that:
jQuery('#mycarousel-next').bind('click', function() {
carousel.next();
// "3" is number of visible items
var currPage = ((carousel.first - 1) / 3) + 1;
makevisible('vedi'+ currPage)
return false;
});
Jan
[jQuery] Re: Initialization of jCarousel with too few elements.
Hi, On 5 Nov., 16:28, Glenn Nilsson <[EMAIL PROTECTED]> wrote: > Hi everyone, > > I'm trying to figure out if I'm doing something wrong or if there's a > bug injCarousel. > > The number of items in myjcarouselis dynamic, and i have a 'live > filtering' feature on the client side too, so the number of items may > change in runtime, and the only working way I've gotten that to work > is to follow the steps > inhttp://groups.google.com/group/jquery-en/msg/39e31f997e6d87a0. > ie. recreate the carousel. > > Anyway, when thejcarouselis initialized with too few items, meaning > the items doesn't fill the carousel in with, I get an error: > > el has no properties > [Break on this error] el.offsetWidth + $jc.margin(el, 'marginLeft') + > $jc.margin(el, '... > > There is a couple of loops in the code that loop, not the items, but > the number of possible visible item, resulting in null-items. Just to > be sure, I modified the example > athttp://sorgalla.com/projects/jcarousel/examples/static_simple.html > so it only had 2 items. I got the same error there. i've just released a new version which includes a fix for that. Thanks for the bug report. Jan
[jQuery] Re: how to trigger jCarousel callbacks from the outside..
Can you post a link to a sample page with your carousel?
Jan
On 24 Okt., 17:12, pigeonpoop <[EMAIL PROTECTED]> wrote:
> the variable; carousel, the argument passed into bindLoader, is
> undefined.. would you know what could cause this? FYI.. my carousels
> are being initialized in the body of the document.
>
> Thanks again.
>
> On Oct 24, 7:51 am, Jan Sorgalla <[EMAIL PROTECTED]> wrote:
>
> > Hi,
>
> > On 23 Okt., 21:23, pigeonpoop <[EMAIL PROTECTED]> wrote:
>
> > > That's basically my question for you guys.. How do you feel i should
> > > go about this? I have multiple instances of jCarousel started on my
> > > page and i can't seem to figure it out. What i want to do is load all
> > > remaining pics into their carousels by either an external event like a
> > > click.
>
> > > Is this possible? any help is greatly appreciated!
>
> > you could use the initCallback to access the jcarousel instance.
>
> > function bindLoader(carousel)
> > {
> > jQuery('#anchor').bind('click', function() {
> > // Do loading stuff here:
> > // carousel.add(position, item);
> > };
>
> > };
>
> > jQuery('#mycarousel').jcarousel({
> > initCallback: bindLoader
>
> > });
>
> > Jan
[jQuery] Re: how to trigger jCarousel callbacks from the outside..
Hi,
On 23 Okt., 21:23, pigeonpoop <[EMAIL PROTECTED]> wrote:
> That's basically my question for you guys.. How do you feel i should
> go about this? I have multiple instances of jCarousel started on my
> page and i can't seem to figure it out. What i want to do is load all
> remaining pics into their carousels by either an external event like a
> click.
>
> Is this possible? any help is greatly appreciated!
you could use the initCallback to access the jcarousel instance.
function bindLoader(carousel)
{
jQuery('#anchor').bind('click', function() {
// Do loading stuff here:
// carousel.add(position, item);
};
};
jQuery('#mycarousel').jcarousel({
initCallback: bindLoader
});
Jan
[jQuery] Problem with each()
Hi,
I'm experiencing a problem with each():
function CalculateDuration() {
$(".duration").each(function() {
var dur = $(this).html();
dur++;
$(this).html(dur);
});
}
This function should take the value of fields tagged with .duration
and augment them by one. Currently it's augmenting them with the
number of times it finds .duration (ie.: if I have 5 fields with class
duration, it will add 5 instead of 1 to each field).
Any suggestions on how to solve this would be more than welcome.
[jQuery] Re: thumbnails in jCarousel inquiry
Hi,
Steve Finkelstein schrieb:
> Hi all,
>
> My thumbnails in jCarousel are distorting the aspect ratio of my
> photos. Here's an example:
>
> http://www.f1autoimports.com/inventory/single/11
>
> Would anyone be kind enough to tell me how I can re-adjust the default
> size to make this look more 'proper' per se?
>
> Thanks. :-)
>
> - sf
you can adjust the item width in skin.css:
.jcarousel-skin-ie7 .jcarousel-item {
width: 75px;
height: 75px;
border: 1px solid #fff;
}
After you changed the width, you should also adjust the width of the
clip and container of the the carousel:
.jcarousel-skin-ie7.jcarousel-container-horizontal {
width: 245px;
padding: 20px 40px;
margin-left: 5px;
margin-right: 5px;
}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
width: 245px;
height: 77px;
}
Jan
[jQuery] Re: Ajax and Flickr picture load??
Hi, dmitryseliv wrote: > > Can someobody point me in right direction who to load pictures dynamicly > from flickr? > I can't seems to make the sample work that cames with the pages. > file dynamic_flickr_api.php has this referrence > include '../../config.flickr.php'; > But package does not have this file. > Does anybody knows what this files is and what it contain? > > Also I would like to load photo stream only for specific user id. > How to do that? > > Appriciate any help!!! > > did you read the comment above this line? Just go to http://www.flickr.com/services/api/keys/ and create your own api key. Then set it with the variable $api_key = 'you api key'; and remove include '../../config.flickr.php'; Jan -- View this message in context: http://www.nabble.com/Ajax-and-Flickr-picture-load---tf4530014.html#a12938078 Sent from the jCarousel mailing list archive at Nabble.com.
[jQuery] Re: Prev and Next problem
Hi,
that happens due to a bug in jQuery 1.2. You either have to wait for 1.2.1
(which is scheduled for this weekend) or use the older version delivered
with jCarousel.
debussy007 wrote:
>
> Hello,
>
> I have a problem to make this plugin running correctly for my web site.
>
> I have been trying for 2 days now, and I'm hopeless, that's why I am
> looking for a kind soul here who can eventually help me!
>
> Here is a demo I made :
> http://matthew16.free.fr/jcarousel/jcarousel.html
>
> These are my settings :
> scroll: 1,
> auto:7,
> visible:7,
> animation: 'slow',
> wrap:'last'
>
> But as you can see in the demo, it is scrolling 1 picture only the first
> time, then it is scrolling two pictures, then it is scrolling more
> pictures. Also if you try to go to the previous image after it scrolled
> two times, it is not going to the previous image but is going forward.
>
> I think I must change something here :
> .jcarousel-item {
> float: left;
> list-style: none;
> /* We set the width/height explicitly. No width/height causes infinite
> loops. */
> width: 94px;
> height: 180px;
> }
>
> I tried but I have no correct results.
>
> Please! It is my dream to have this running now (yes I am so desperate:))
> !
>
> Any help ??
>
> Thank you !!
>
--
View this message in context:
http://www.nabble.com/Prev-and-Next-problem-tf4442898.html#a12687909
Sent from the jCarousel mailing list archive at Nabble.com.
[jQuery] Re: Bug IE6 only (next and previous button)
Hi, did you tried it with exactly the code i posted? Jan Chboc wrote: > > Hi Jan, > > I'd try your fix but the bug still there. I don't know what to do. > > Alex > > > Jan Sorgalla wrote: >> >> Hi, >> >> >> Chboc wrote: >>> >>> Hello, >>> >>> I had a bug on the next and previous button, the height isn’t applied. >>> I want 13px but on IE6 i get 19px, how to set the height to 13px? >>> >>> example of my jcaroussel >>> http://www.hybridbears.com/jcaroussel/index.htm >>> >>> Thank you >>> >> >> that happens due to the fact that IE6 can't handle empty divs >> properly. Try to build up the jcarousel markup like (note the comments >> inside the divs): >> >> >> >> >> >> ... >> >> >> >> Jan >> >> > > -- View this message in context: http://www.nabble.com/Bug-IE6-only-%28next-and-previous-button%29-tf4435588.html#a12657848 Sent from the jCarousel mailing list archive at Nabble.com.
[jQuery] Re: Bug IE6 only (next and previous button)
Hi, Chboc wrote: > > Hello, > > I had a bug on the next and previous button, the height isn’t applied. > I want 13px but on IE6 i get 19px, how to set the height to 13px? > > example of my jcaroussel > http://www.hybridbears.com/jcaroussel/index.htm > > Thank you > that happens due to the fact that IE6 can't handle empty divs properly. Try to build up the jcarousel markup like (note the comments inside the divs): ... Jan -- View this message in context: http://www.nabble.com/Bug-IE6-only-%28next-and-previous-button%29-tf4435588.html#a12654901 Sent from the jCarousel mailing list archive at Nabble.com.
[jQuery] Re: Bug IE6 only (next and previous button)
Hi,
On 13 Sep., 15:07, Chboc <[EMAIL PROTECTED]> wrote:
> Hello,
>
> I had a bug on the next and previous button, the height isn't applied.
> I want 13px but on IE6 i get 19px, how to set the height to 13px?
>
> example of my jcarousselhttp://www.hybridbears.com/jcaroussel/index.htm
that happens due to the fact that IE6 can't handle empty divs
properly. Try to build up the jcarousel markup like (note the comments
inside the divs):
...
Jan
[jQuery] Re: need help to add the autoscroll together with the external controls
Hi, boxerfresse wrote: > > I don`t know how to add the external control "the pagination of the links" > automatic like this contentfade from > http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm > http://www.dynamicdrive.com/dynamicindex17/featuredcontentslider.htm is > there a way to add a feature like this "the pagination and a next and prev > button" by dynamic ?? > check this out: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html Jan -- View this message in context: http://www.nabble.com/need-help-to-add-the-autoscroll-together-with-the-external-controls-tf4145305.html#a12007440 Sent from the jCarousel mailing list archive at Nabble.com.
[jQuery] Re: jCarousel question
Hi,
On 4 Aug., 18:27, Fasita <[EMAIL PROTECTED]> wrote:
> Hi guys,
>
> Thanks so much for the info. I put up a test page
> athttp://www.lakefeverproductions.com/test.
>
> The carousel now starts on the middle item. The only issue now is that
> when clicking the previous or next buttons from either side item, two
> items scroll instead of going back to the middle item. Any
> suggestions? I'm pretty new to this...sorry if it's just a lack of
> experience on my part.
>
> I greatly appreciate your help!
pass the option scroll: 1 to tell jCarousel only scroll 1 item per
click.
jQuery('#mycarousel').jcarousel({
scroll: 1,
itemFirstInCallback: {onAfterAnimation:
mycarousel_itemFirstInCallback}
});
Jan
[jQuery] Re: jCarousel question
Hi On 3 Aug., 19:51, Fasita <[EMAIL PROTECTED]> wrote: > Hi, quick question about jCarousel: > > I have 3 items in the carousel, showing only one at a time. What I'm > trying to accomplish is have the middle item showing on start, so you > can scroll one item left or right. > > When I set the 'start: 2' option, it does start on the middle item, > but when scrolling left nothing appears, and when scrolling right the > middle item repeats, even though the content for each item is > different. This is repeated in all browsers. Am I doing something > wrong or going about this the wrong way? > > Thanks in advance for the help! i guess you're talking about jCarousel, so the "start" option isn't what you need. Check out this example: http://sorgalla.com/projects/jcarousel/examples/special_start.html Jan
[jQuery] Re: Dynamic Load Ajax of 2 jcarousel same page
Hi,
Joshp wrote:
>
> I have searched and haven't quite come up with an answer. I'm trying to
> load 2 separate carousels on the same page from different .txt file
> sources. I'm not sure what I need to change. I tried putting two
> separate Javascript jcarousel code on the same page and just changed the
> jQuery.get("../slideshow.txt", function(data) and additionally changed the
> jQuery("#mycarousel2").jcarousel. However only one source shows up in
> both carousels.
>
> Any help would be greatly appreciated.
>
you need a callback function for each carousel since they load different
files. You can try that (untested):
function mycarousel_itemLoadCallback(url, carousel, state)
{
// Since we get all URLs in one file, we simply add all items
// at once and set the size accordingly.
if (state != 'init')
return;
jQuery.get(url, function(data) {
mycarousel_itemAddCallback(carousel, carousel.first, carousel.last,
data);
});
};
And then pass the following anonymous function as parameter:
jQuery('#mycarousel').jcarousel({
itemLoadCallback: function (carousel, state) {
mycarousel_itemLoadCallback('../slideshow1.txt', carousel, state); }
});
and for the second carousel:
jQuery('#mycarousel').jcarousel({
itemLoadCallback: function (carousel, state) {
mycarousel_itemLoadCallback('../slideshow2.txt', carousel, state); }
});
Jan
--
View this message in context:
http://www.nabble.com/Dynamic-Load-Ajax-of-2-jcarousel-same-page-tf4202780.html#a11961838
Sent from the jCarousel mailing list archive at Nabble.com.
[jQuery] Re: need help to add the autoscroll together with the external controls
Hi, boxerfresse wrote: > > hi, Iàm new to jquery and I have tried to add the autoscroll function > together with the external control ... > can someone give me a tip how to ?? > > thank Stefan > what does exactly not work? You can just create the carousel as shown in the "Carousel with external controls" example and pass the autoscroll option. Jan -- View this message in context: http://www.nabble.com/need-help-to-add-the-autoscroll-together-with-the-external-controls-tf4145305.html#a11811654 Sent from the jCarousel mailing list archive at Nabble.com.
[jQuery] Re: Non integer amount of visible items
Hi, this mix is a bit difficult to handle. I've updated jquery.jcarousel.js. Please download it from http://sorgalla.com/projects/jcarousel/ and try if it works now for you. Jan yhager wrote: > > > > Jan Sorgalla wrote: >> >> >> yhager wrote: >>> >>> Hi, >>> >>> I am trying to achieve a view of 3.5 DIVs in jcarousel. The reason is >>> that in terms of usability, it gives the user the understanding there is >>> more info and he needs to scroll if he wants to view it. >>> >>> While I haven't dived deep into the code yet, when I try to use >>> non-integer value for the 'visible' variable - I get the initial view >>> correct, but scrolling gets messed up right away. >>> >>> Any idea how to accomplish this, or where to look for in the code to fix >>> this? >>> >>> Thanks, >>> >>> --yuval >>> >> >> Hi, >> >> "visible" ist not the correct options for that. It means, that jcarousel >> changes the width of each item to always have that number of items >> visible. >> >> See: >> http://sorgalla.com/projects/jcarousel/examples/special_flexible.html >> >> In your case, its more simple as you might think ;) I've created an >> example for you at http://sorgalla.com/test/yuval.html >> >> As you see inside the
[jQuery] Re: [JCarousel] Auto Scrolling
Hi, On 7 Jul., 16:42, "Thomas Thomas" <[EMAIL PROTECTED]> wrote: > Hi all, > > I want to auto-scroll images using JCarousel horizontally. > I can notice it scrolls automatically from right to left, but when it > reaches the end it doesn't go from left to right. > I can notice in the code it is supposed to do so, has anyone a fix for this > ? > > Thank u for any help. check the configuration option "wrap". http://sorgalla.com/projects/jcarousel/#Configuration Jan
[jQuery] Re: i want to display the pictures one by one
Hi, ioutz wrote: > > i'm using the simple static way, but i've changed from the css the width > of the container to match the width of my pics. the problem is that it > shows me first pic, then the 4th, etc... is skipping 3 pics. i have > changed the scroll to 1, but no effect. what i have to do? > changing scroll to 1 is correct. It should work. Do have a link where i can see your carousel? Jan -- View this message in context: http://www.nabble.com/i-want-to-display-the-pictures-one-by-one-tf4017576.html#a11412044 Sent from the jCarousel mailing list archive at Nabble.com.
[jQuery] Re: jCarousel: start image
Hi,
On Jul 2, 5:17 pm, Field <[EMAIL PROTECTED]> wrote:
> Hi, friends!
>
> I very like to use jCarousel, this excellent plugin. But I can't understand
> how to scroll carousel to x item automatically.
>
> For example: I have 50 items in carousel. After page loading I need to see
> not first item (as default), but 30th.
>
> I redhttp://www.nabble.com/Starting-image-t2668575.htmlbut this function not
> works.
> Using of carousel method .scroll() works fine by element events like
> jQuery('#mycarousel-next').bind('click', function(){} But how to make this on
> page loading?
Did you checked the example:
http://sorgalla.com/projects/jcarousel/examples/special_start.html
Jan
