[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)
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
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
[jQuery] Get the td 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] Re: Get the td below and above
Thank you both, it works :)
[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:
$('#formidinput').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:
form
div id='tabs
ul.../ul
div id='tab1
input type='text' id='fname' /
/div
/div
/form
but if it is rendered in a simplier way like this, it works:
form
input type='text' id='fname' /
/form
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'){
$(#testforminput).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] 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] Re: serial scroll 'not working'
Forgot to say: only the third set has pictures in it right now 2009/10/10 Jan Limpens jan.limp...@gmail.com: 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] 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 laysoftjqu...@gmail.com wrote: Hello! On Wed, Aug 26, 2009 at 9:04 PM, Mike Alsupmal...@gmail.com 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] 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] Re: trying to talk to googleadservices via $.getScript()
magic! the second, I wrote this post, it started to work.
2009/8/31 Jan Limpens jan.limp...@gmail.com
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] Re: trying to talk to googleadservices via $.getScript()
in chrome and ie that is. firefox still eats it.
2009/8/31 Jan Limpens jan.limp...@gmail.com
magic! the second, I wrote this post, it started to work.
2009/8/31 Jan Limpens jan.limp...@gmail.com
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()
yip, that was it!
2009/8/31 Jan Limpens jan.limp...@gmail.com
aha! adbock?? maybe...
2009/8/31 Jan Limpens jan.limp...@gmail.com
firebug gives me this in html view:
script src=
http://www.googleadservices.com/pagead/conversion.js?_=1251741522425; Failed
to load source for:
http://www.googleadservices.com/pagead/conversion.js?_=1251741522425
/script
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 jan.limp...@gmail.com
in chrome and ie that is. firefox still eats it.
2009/8/31 Jan Limpens jan.limp...@gmail.com
magic! the second, I wrote this post, it started to work.
2009/8/31 Jan Limpens jan.limp...@gmail.com
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()
firebug gives me this in html view:
script src=
http://www.googleadservices.com/pagead/conversion.js?_=1251741522425;Failed
to load source for:
http://www.googleadservices.com/pagead/conversion.js?_=1251741522425
/script
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 jan.limp...@gmail.com
in chrome and ie that is. firefox still eats it.
2009/8/31 Jan Limpens jan.limp...@gmail.com
magic! the second, I wrote this post, it started to work.
2009/8/31 Jan Limpens jan.limp...@gmail.com
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()
aha! adbock?? maybe...
2009/8/31 Jan Limpens jan.limp...@gmail.com
firebug gives me this in html view:
script src=
http://www.googleadservices.com/pagead/conversion.js?_=1251741522425; Failed
to load source for:
http://www.googleadservices.com/pagead/conversion.js?_=1251741522425
/script
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 jan.limp...@gmail.com
in chrome and ie that is. firefox still eats it.
2009/8/31 Jan Limpens jan.limp...@gmail.com
magic! the second, I wrote this post, it started to work.
2009/8/31 Jan Limpens jan.limp...@gmail.com
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] 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=1ph=1cb=centercontent= +
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] 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 n...@nickfitz.co.uk On Jul 9, 5:20 am, Karl Swedberg k...@englishrules.com 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 a to actually follow a link, then don't use an a, use a span 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 span 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 button element with type=button (or input 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 was not aware of that - I wonder if there are other types of buttons, then :) 2009/7/9 Nick Fitzsimons n...@nickfitz.co.uk 2009/7/9 Jan Limpens jan.limp...@gmail.com: 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 type=buttonbutton content/button 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] 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] 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 $('a href= class=' + cssClass + 'span' + text +
'/span/a');
};
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('div class=spinner/');
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);
input type=text id=spinMe name=xxx value=0/
$('#spinMe').spinner();
--
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 morni...@gmail.com
I see this (stopping links in their tracks) a lot and it's puzzling,
so i think:
*if you do not want an a to actually follow a link, then don't use
an a, use a span 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 thomas.na...@gmail.com 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 jan.limp...@gmail.com 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 $('a href= class=' + cssClass + 'span' +
text +
'/span/a');
};
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('div class=spinner/');
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);
input type=text id=spinMe name=xxx value=0/
$('#spinMe').spinner();
--
Jan
--
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('div class=' + cssClass + 'span' + text
+ '/span/div');
};
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('div class=spinner/');
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 jan.limp...@gmail.com
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 morni...@gmail.com
I see this (stopping links in their tracks) a lot and it's puzzling,
so i think:
*if you do not want an a to actually follow a link, then don't use
an a, use a span 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 thomas.na...@gmail.com 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 jan.limp...@gmail.com 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 $('a href= class=' + cssClass + 'span' +
text +
'/span/a');
};
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('div class=spinner/');
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);
input type=text id=spinMe name=xxx value=0/
$('#spinMe').spinner();
--
Jan
--
Jan
--
Jan
[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 li 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: replace existing div with fadeIn
does anyone know solution for this? thank you
[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: 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 rdwo...@gmail.com 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 jan.limp...@gmail.com 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
Ah, never mind, found it: http://jquery-ui.googlecode.com/svn/branches/dev/autocomplete/ui/ On Feb 10, 4:55 pm, Jan Limpens jan.limp...@gmail.com 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 rdwo...@gmail.com 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 jan.limp...@gmail.com 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] 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(dd+ item.Name
+/dd);
});
});
$('.jsonFormCustomer').jsonForm(onSuccess);
How could I call jsonForm without a null param, too?
Help greatly appreciated!
[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 jan.limp...@gmail.com 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(dd+ item.Name
+/dd);
});
});
$('.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 i...@morraine.co.uk 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 jro...@gmail.com 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 li 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] event fires exponentially
Hi guys,
I have this piece of innocent looking code:
script
$(document).ready(function(){
$form = $('#filter-form');
$form.ajaxForm({
//dataType: 'json',
success: function(){
alert(peng);
},
target: #layout-child-output
});
$('input', $form).change(function(){
$form.submit();
});
})
/script
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] 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 gars...@gmail.com 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 jan.limp...@gmail.com wrote:
Hi guys,
I have this piece of innocent looking code:
script
$(document).ready(function(){
$form = $('#filter-form');
$form.ajaxForm({
//dataType: 'json',
success: function(){
alert(peng);
},
target: #layout-child-output
});
$('input', $form).change(function(){
$form.submit();
});})
/script
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] 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 jan.limp...@gmail.com wrote:
No, unfortunately... but I may be able to put something up...
On Tue, Dec 16, 2008 at 3:05 PM, Eric Hobo Garside gars...@gmail.com 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 jan.limp...@gmail.com wrote:
Hi guys,
I have this piece of innocent looking code:
script
$(document).ready(function(){
$form = $('#filter-form');
$form.ajaxForm({
//dataType: 'json',
success: function(){
alert(peng);
},
target: #layout-child-output
});
$('input', $form).change(function(){
$form.submit();
});})
/script
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
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 jan.limp...@gmail.com 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 jan.limp...@gmail.com wrote:
No, unfortunately... but I may be able to put something up...
On Tue, Dec 16, 2008 at 3:05 PM, Eric Hobo Garside gars...@gmail.com 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 jan.limp...@gmail.com wrote:
Hi guys,
I have this piece of innocent looking code:
script
$(document).ready(function(){
$form = $('#filter-form');
$form.ajaxForm({
//dataType: 'json',
success: function(){
alert(peng);
},
target: #layout-child-output
});
$('input', $form).change(function(){
$form.submit();
});})
/script
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
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 morni...@gmail.com 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: 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 jeffkr...@hotmail.com wrote:
Mike's suggestion involves creating a javascript closure.
There are a number of good articles on closues.
http://www.google.com/search?hl=enq=javascript+closuresrlz=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 nichols.mik...@gmail.com
wrote:
Try this:
success: function() { registerImageForms(id,key,type); }
On Dec 12, 5:13 pm, Jan Limpens jan.limp...@gmail.com 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 nichols.mik...@gmail.com wrote:
Try this:
success: function() { registerImageForms(id,key,type); }
On Dec 12, 5:13 pm, Jan Limpens jan.limp...@gmail.com 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 = $(div class='info' style='display:none;' + data
+ /div);
$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 = $(div class='info' + data + /div);
$element.after($div).fadeIn();
});
} else {
$element.next(div.info).fadeIn();
}
}
also, just pops up. :(
--
Jan
--
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 = $(div class='info' + data + /div);
$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] 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 = $(div class='info' + data + /div);
$element.after($div).fadeIn();
});
} else {
$element.next(div.info).fadeIn();
}
}
also, just pops up. :(
--
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] 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?
form
input type=text name=id
select name=choice
option value=oneone/select
option value=twotwo/select
/select
form
then I get from somewhere
[{id:1,Choice:two}]
Then the form should get into this state:
form
input type=text name=id value=1
select name=choice
option value=oneone/select
option value=two selected=selectedtwo/select
/select
form
Is this implemented somewhere?
--
Jan
___
[EMAIL PROTECTED]
www.limpens.com
+55 (11) 3082-1087
+55 (11) 3097-8339
[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:
form
input type=text name=id value=1
select name=choice
option value=oneone/select
option value=two selected=selectedtwo/select
/select
form
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!)
form name='myform'
input type=text name=foo value=1 /
input type=text name=bar value=1 /
/form
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] 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
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html
head
meta http-equiv=Content-Type content=text/html;
charset=iso-8859-1 /
titleUntitled Document/title
link href=style/ui.datepicker.css type=text/css
rel=stylesheet /
link href=style/jqModal.css type=text/css rel=stylesheet
/
script type=text/javascript
src=javascript/jquery-1.2.6.min.js/script
script type=text/javascript
src=javascript/jquery-ui-personalized-1.5.2.min.js/script
script type=text/javascript
src=javascript/jqModal.js/script
/head
body
div class=jqmWindow id=jqm/div
input type=button value=TEST onclick=TEST();
script type=text/javascript
$().ready(function() {
$('#jqm').jqm({ajax:
'window.html',modal:true});
});
function TEST() {
$('#jqm').jqmShow();
}
/script
/body
/html
window.html
div class=oneFormLine
div class=fieldTitleFrom/div
div class=fieldinput type=text class=calendarRange id=jqmFrom
size=10/div
/div
div class=oneFormLine
div class=fieldTitleTo/div
div class=fieldinput type=text class=calendarRange id=jqmTo
size=10/div
/div
script type=text/javascript
$(document).ready(function(){
$('.calendarRange').datepicker({
showOn: 'both',
buttonImage: 'images/calendar.gif',
buttonImageOnly: true,
dateFormat: yy-mm-dd
});
});
/script
--
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
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:
form id=article-search-form method=get
action=${Url.For([EMAIL PROTECTED]:'articles',
@action:'FullTextSearchAsJson'})}
input type=text name=fragment /
input type=submit value=Buscar /
/form
form id=article-search-result method
/form
script type=text/javascript src=/script/jquery-1.2.6.min.js/script
script type=text/javascript src=/script/jquery.form.js/script
script type=text/javascript
$(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;
$(divinput type='radio' value='+this.Id+' id='+id+'
name='article.Id'/label style='float: inherit' for='+id+' +
this.Name +/label/div).appendTo(list);
i++;
});
}
/script
--
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:
form id=article-search-form method=get
action=${Url.For([EMAIL PROTECTED]:'articles',
@action:'FullTextSearchAsJson'})}
input type=text name=fragment /
input type=submit value=Buscar /
/form
form id=article-search-result method
/form
script type=text/javascript src=/script/jquery-1.2.6.min.js/script
script type=text/javascript src=/script/jquery.form.js/script
script type=text/javascript
$(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;
$(divinput type='radio' value='+this.Id+' id='+id+'
name='article.Id'/label style='float: inherit' for='+id+' +
this.Name +/label/div).appendTo(list);
i++;
});
}
/script
--
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(bhello/b);
works, and this works
$('#content').empty().append(makeContent());
function makeContent(){
return bhello/b;
};
and this
$('#content').empty().append( function() { return bhello/b } );
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 =p class='textblock'Este produto vem com estas
variações:/p;
msg += form method='post';
msg += ul class='textblock';
var i = 0;
$(select).find(option).each(function(){
msg += li;
msg += input type='radio' value=' + i + ' name='option'
id='option_ + i + ';
if (i==0)
msg += checked='checked';
msg += /label for='option_ + i + ';
msg += $(this).attr(value);
msg += /label/li;
i++;
});
msg += /ol
msg += input type='submit' value='Ok'/;
msg += /form;
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] 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:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml;
head
titlesome title/title
meta http-equiv=Content-Type content=text/html;
charset=utf-8 /
script type=text/javascript src=bin/jquery/jquery.min.js/
script
script type=text/javascript
$(document).ready(function(){
$.get('act/load.list.php', {kind:'contracts'}, function
(data) {
alert(data);
})
});
/script
/head
body
/body
/html
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] 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 =p class='textblock'Este produto vem com estas
variações:/p;
msg += form method='post';
msg += ul class='textblock';
var i = 0;
$(select).find(option).each(function(){
msg += li;
msg += input type='radio' value=' + i + ' name='option'
id='option_ + i + ';
if (i==0)
msg += checked='checked';
msg += /label for='option_ + i + ';
msg += $(this).attr(value);
msg += /label/li;
i++;
});
msg += /ol
msg += input type='submit' value='Ok'/;
msg += /form;
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] 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:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=http://www.w3.org/1999/xhtml;
head
titlesome title/title
meta http-equiv=Content-Type content=text/html;
charset=utf-8 /
script type=text/javascript src=bin/jquery/jquery.min.js/
script
script type=text/javascript
$(document).ready(function(){
$.get('act/load.list.php', {kind:'contracts'}, function
(data) {
alert(data);
})
});
/script
/head
body
/body
/html
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: 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: 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: 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. * div class=jcarousel-skin-namejcarousel-container 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: 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: 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':
[...]
a class=head href=# onclick=jumpToImg(6); return false;Some
Info/a
a class=head href=# onclick=jumpToImg(9); return false;More
Info/a
[...]
ul id=carousel
li.../li
li.../li
li.../li
...
/ul
[...]
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 - Multiple rows in horizontal mode (or cols in vertical mode)
Hi, you can put whatever you want inside the li 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: 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: 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] 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 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] 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: 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: 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('div id=mycarousel class=jcarousel-skin-
tangoul/ul/divdiv style=padding:10px;align:center
id=dspPic/div');
$('#mycarousel').jcarousel({
scroll: 6,
itemLoadCallback: mycarousel_itemLoadCallback
});
};
function mycarousel_getItemHTML(url)
{
var url_m = url.replace(/small/g, '');
return 'a href=javascript:showPic(' + ' + url_m + '
+')img src=' + url + ' width=75 height=75 border=0//a';
};
function showPic(picurl) {
$('#dspPic').html(img src=' + picurl + ' border='0' /
).animate({height: 'show',opacity: 'show'}, 'slow');
}
Thanks!
did you included the core css file (jquery.jcarousel.css)?
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 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: 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, 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): div id=mycarousel div class=jcarousel-prev!-- spacer --/div div class=jcarousel-next!-- spacer --/div ul li.../li /ul /div Jan
[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): div id=mycarousel div class=jcarousel-prev!-- spacer --/div div class=jcarousel-next!-- spacer --/div ul li.../li /ul /div 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, 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): div id=mycarousel div class=jcarousel-prev!-- spacer --/div div class=jcarousel-next!-- spacer --/div ul li.../li /ul /div 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: 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: 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 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: [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
[jQuery] Re: Non integer amount of visible items
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 style tags, i've just changed the width of the carousel and the clip (the viewport) if the carousel to a higher value. Hope that helps, Jan -- View this message in context: http://www.nabble.com/Non-integer-amount-of-visible-items-tf3993441.html#a11341921 Sent from the jCarousel mailing list archive at Nabble.com.
[jQuery] Re: jCarouselLite - my first plugin - anxiously awaiting comments
Hi, On Jun 27, 6:40 pm, Ganeshji Marwaha [EMAIL PROTECTED] wrote: Thanks Jan, I will take a look at it. To be honest, i was planning to dig into your source code this weekend. Now that you have pointed me to the exact functions that i need to de-code, i guess, you have saved me a lot of time. Thank u very much. i had plans to create a light version of jcarousel as well. So, _you_ save me a lot of time doing that ;) I guess, i already faced most problems you have or will have. So, just ask... :) Jan
[jQuery] Re: Problem with jCarousel 0.2.0 in IE tables
Hi On 27 Mai, 11:12, Jens [EMAIL PROTECTED] wrote: I'm trying to use your beta 0.2.0 with jcarousel inside a table. Doing this corrupts the table layout in IE 7. I have not tried it in other versions of jcarousel. it seems that the width of the table cells are calculated before jcarousel has fully created and positioned all elements. Try the following: div class=jCarousel style=width:200px;overflow:hidden; ul liLine 1/li liLine 2/li liLine 3/li liLine 4/li liLine 5/li /ul /div The div will become the jcarousel-container (with a class of the same name). You may want to move the hard-coded style attribute to your css file. Jan
[jQuery] Re: jcarousel with flash content and changing display prop
Hi
On 27 Mai, 00:42, JacobSingh [EMAIL PROTECTED] wrote:
I'm trying to use jcarousel to cycle through flash objects. I've got
the whole thing working well rotating out my HTML, but the problem is
flash's z-index issue. To solve this, I figured I'd use the
ItemVisible handlers to hide the HTML when it left the stage:
function itemVisibleInHandler(carousel,item,pos) {
newitem = carousel.get(pos);
newitem.show();
}
function itemVisibleOutHandler(carousel,item,pos) {
newitem = carousel.get(pos);
newitem.hide();
}
This does something weird though. The first part works great, but then
when it gets to the outhandler, firebug says the pos and the item
params are referencing li-1 (the one that just left the stage),
however, when I run hide the visible one disapears! However, when
browsing the DOM, it says that it hid the first one!
Does anybody have any clue what is going on here?
the problem is, that hiding items will change positions of the
following items. If you hide (display: none) the first item, the
second item will jump at position 1, the third at position 2 and so
on...
Try to work with visibility:
function itemVisibleInHandler(carousel,item,pos) {
$(item).css('visibility', 'visible');
}
function itemVisibleOutHandler(carousel,item,pos) {
$(item).css('visibility', 'hidden');
}
Jan
