[jQuery] Re: [jQuery][ANN] jQuery.batch 1.0
Brandon, i believe this is a clever little plugin. I i understand correctly,
here is a real life example i experienced just 2 days ago where i had such
markup:
li class=hello
img width=316 src=photos/sombra/Image_001.jpg/
img width=629 src=photos/sombra/Image_002.jpg/
img width=630 src=photos/sombra/Image_003.jpg/
img width=638 src=photos/sombra/Image_004.jpg/
img width=631 src=photos/sombra/Image_005.jpg/
img width=630 src=photos/sombra/Image_006.jpg/
img width=629 src=photos/sombra/Image_007.jpg/
/li
I needed to resize the LI element according to its children IMG element attr
width. What i did is loop through the jquery collection looking for the
width attribute value.
with your plugin it would be just
var newWidth = $('li.hello').attrs('width');
$('li.hello').animate({width: newWidth},slow);
Am i correct?
On Fri, May 9, 2008 at 5:40 AM, Brandon Aaron [EMAIL PROTECTED]
wrote:
jQuery.batch is a small extension (951 bytes min'd, 520 bytes gzipped) to
jQuery that allows you to batch the results of any jQuery method, plugin
into an array. By default the batch plugin aliases the getter methods in
jQuery by adding an 's' to the end (attrs, offsets, vals ...). You can also
just call $(...).batch('methodName', arg1, arg*n).
Download: http://plugins.jquery.com/project/batch
Blog post: http://blog.brandonaaron.net/2008/05/08/jquery-batch/
--
Brandon Aaron
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com
[jQuery] Re: [jQuery][ANN] jQuery.batch 1.0
Close but in your example newWidths is an array of numbers. In your case
you'll want a way to extract the largest width from the array and then use
that value to animate the li width. Maybe something like this.
var width = $('li.hello img').widths().sort().revers()[0];
$('li.hello').animate({ width: width }, 'slow');
Thanks for a nice real-world example. :)
In testing this I found a bug and created a new release 1.0.1.
--
Brandon Aaron
On Fri, May 9, 2008 at 2:08 AM, Alexandre Plennevaux [EMAIL PROTECTED]
wrote:
Brandon, i believe this is a clever little plugin. I i understand
correctly, here is a real life example i experienced just 2 days ago where
i had such markup:
li class=hello
img width=316 src=photos/sombra/Image_001.jpg/
img width=629 src=photos/sombra/Image_002.jpg/
img width=630 src=photos/sombra/Image_003.jpg/
img width=638 src=photos/sombra/Image_004.jpg/
img width=631 src=photos/sombra/Image_005.jpg/
img width=630 src=photos/sombra/Image_006.jpg/
img width=629 src=photos/sombra/Image_007.jpg/
/li
I needed to resize the LI element according to its children IMG element
attr width. What i did is loop through the jquery collection looking for the
width attribute value.
with your plugin it would be just
var newWidth = $('li.hello').attrs('width');
$('li.hello').animate({width: newWidth},slow);
Am i correct?
On Fri, May 9, 2008 at 5:40 AM, Brandon Aaron [EMAIL PROTECTED]
wrote:
jQuery.batch is a small extension (951 bytes min'd, 520 bytes gzipped) to
jQuery that allows you to batch the results of any jQuery method, plugin
into an array. By default the batch plugin aliases the getter methods in
jQuery by adding an 's' to the end (attrs, offsets, vals ...). You can also
just call $(...).batch('methodName', arg1, arg*n).
Download: http://plugins.jquery.com/project/batch
Blog post: http://blog.brandonaaron.net/2008/05/08/jquery-batch/
--
Brandon Aaron
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com
[jQuery] Re: [jQuery][ANN] jQuery.batch 1.0
I misspelled reverse in my code example... It should be:
var width = $('li.hello img').widths().sort().reverse()[0];
$('li.hello').animate({ width: width }, 'slow');
--
Brandon Aaron
On May 9, 9:47 am, Brandon Aaron [EMAIL PROTECTED] wrote:
Close but in your example newWidths is an array of numbers. In your case
you'll want a way to extract the largest width from the array and then use
that value to animate the li width. Maybe something like this.
var width = $('li.hello img').widths().sort().revers()[0];
$('li.hello').animate({ width: width }, 'slow');
Thanks for a nice real-world example. :)
In testing this I found a bug and created a new release 1.0.1.
--
Brandon Aaron
On Fri, May 9, 2008 at 2:08 AM, Alexandre Plennevaux [EMAIL PROTECTED]
wrote:
Brandon, i believe this is a clever little plugin. I i understand
correctly, here is a real life example i experienced just 2 days ago where
i had such markup:
li class=hello
img width=316 src=photos/sombra/Image_001.jpg/
img width=629 src=photos/sombra/Image_002.jpg/
img width=630 src=photos/sombra/Image_003.jpg/
img width=638 src=photos/sombra/Image_004.jpg/
img width=631 src=photos/sombra/Image_005.jpg/
img width=630 src=photos/sombra/Image_006.jpg/
img width=629 src=photos/sombra/Image_007.jpg/
/li
I needed to resize the LI element according to its children IMG element
attr width. What i did is loop through the jquery collection looking for the
width attribute value.
with your plugin it would be just
var newWidth = $('li.hello').attrs('width');
$('li.hello').animate({width: newWidth},slow);
Am i correct?
On Fri, May 9, 2008 at 5:40 AM, Brandon Aaron [EMAIL PROTECTED]
wrote:
jQuery.batch is a small extension (951 bytes min'd, 520 bytes gzipped) to
jQuery that allows you to batch the results of any jQuery method, plugin
into an array. By default the batch plugin aliases the getter methods in
jQuery by adding an 's' to the end (attrs, offsets, vals ...). You can also
just call $(...).batch('methodName', arg1, arg*n).
Download:http://plugins.jquery.com/project/batch
Blog post:http://blog.brandonaaron.net/2008/05/08/jquery-batch/
--
Brandon Aaron
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com
[jQuery] Re: [jQuery][ANN] jQuery.batch 1.0
Hi Brandon!
in your blog post you ask for suggested features.
Frankly i'm stunned by how in one line you addition all the widths values
(although i didn't expect less from you). Personally, I had to loop through
the returned array in order to achieve that.
Wouldn't it be a nice feature to add some built-in manipulations to the
batch? i'm thinking 'sum' to add them all and return the result, 'concat',
'join:,' to join each with a comma in-between, 'average' to get the average
of all integer values, etc. a kind of built-in callbacks if you like for
most common operations.
$('li.hello img').widths('sum');
thank you!
alexandre
On Fri, May 9, 2008 at 5:01 PM, Brandon Aaron [EMAIL PROTECTED]
wrote:
I misspelled reverse in my code example... It should be:
var width = $('li.hello img').widths().sort().reverse()[0];
$('li.hello').animate({ width: width }, 'slow');
--
Brandon Aaron
On May 9, 9:47 am, Brandon Aaron [EMAIL PROTECTED] wrote:
Close but in your example newWidths is an array of numbers. In your case
you'll want a way to extract the largest width from the array and then
use
that value to animate the li width. Maybe something like this.
var width = $('li.hello img').widths().sort().revers()[0];
$('li.hello').animate({ width: width }, 'slow');
Thanks for a nice real-world example. :)
In testing this I found a bug and created a new release 1.0.1.
--
Brandon Aaron
On Fri, May 9, 2008 at 2:08 AM, Alexandre Plennevaux
[EMAIL PROTECTED]
wrote:
Brandon, i believe this is a clever little plugin. I i understand
correctly, here is a real life example i experienced just 2 days ago
where
i had such markup:
li class=hello
img width=316
src=photos/sombra/Image_001.jpg/
img width=629
src=photos/sombra/Image_002.jpg/
img width=630
src=photos/sombra/Image_003.jpg/
img width=638
src=photos/sombra/Image_004.jpg/
img width=631
src=photos/sombra/Image_005.jpg/
img width=630
src=photos/sombra/Image_006.jpg/
img width=629
src=photos/sombra/Image_007.jpg/
/li
I needed to resize the LI element according to its children IMG element
attr width. What i did is loop through the jquery collection looking
for the
width attribute value.
with your plugin it would be just
var newWidth = $('li.hello').attrs('width');
$('li.hello').animate({width: newWidth},slow);
Am i correct?
On Fri, May 9, 2008 at 5:40 AM, Brandon Aaron [EMAIL PROTECTED]
wrote:
jQuery.batch is a small extension (951 bytes min'd, 520 bytes gzipped)
to
jQuery that allows you to batch the results of any jQuery method,
plugin
into an array. By default the batch plugin aliases the getter methods
in
jQuery by adding an 's' to the end (attrs, offsets, vals ...). You can
also
just call $(...).batch('methodName', arg1, arg*n).
Download:http://plugins.jquery.com/project/batch
Blog post:http://blog.brandonaaron.net/2008/05/08/jquery-batch/
--
Brandon Aaron
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com
[jQuery] Re: [jQuery][ANN] jQuery.batch 1.0
Oh ... you want to make sure the width of the li adds up to the width of all
the images? The earlier snippet just made sure the li was as wide as the
widest image. You could do something like this to add up all the widths.
var width = 0;
$.each( $('li.hello img').widths(), function(i,w){ width += w; });
$('li.hello').animate({ width: width }, 'slow');
As for the feature suggestion ... I think it is an interesting idea. It
might be a little out of scope for this little extension/plugin but I'll
have to give it some more thought. Most of the things you mentioned are
already very easy to do with arrays and probably easy to extend the Array
object to do them otherwise.
--
Brandon Aaron
On Fri, May 9, 2008 at 10:57 AM, Alexandre Plennevaux [EMAIL PROTECTED]
wrote:
Hi Brandon!
in your blog post you ask for suggested features.
Frankly i'm stunned by how in one line you addition all the widths values
(although i didn't expect less from you). Personally, I had to loop through
the returned array in order to achieve that.
Wouldn't it be a nice feature to add some built-in manipulations to the
batch? i'm thinking 'sum' to add them all and return the result, 'concat',
'join:,' to join each with a comma in-between, 'average' to get the average
of all integer values, etc. a kind of built-in callbacks if you like for
most common operations.
$('li.hello img').widths('sum');
thank you!
alexandre
On Fri, May 9, 2008 at 5:01 PM, Brandon Aaron [EMAIL PROTECTED]
wrote:
I misspelled reverse in my code example... It should be:
var width = $('li.hello img').widths().sort().reverse()[0];
$('li.hello').animate({ width: width }, 'slow');
--
Brandon Aaron
On May 9, 9:47 am, Brandon Aaron [EMAIL PROTECTED] wrote:
Close but in your example newWidths is an array of numbers. In your case
you'll want a way to extract the largest width from the array and then
use
that value to animate the li width. Maybe something like this.
var width = $('li.hello img').widths().sort().revers()[0];
$('li.hello').animate({ width: width }, 'slow');
Thanks for a nice real-world example. :)
In testing this I found a bug and created a new release 1.0.1.
--
Brandon Aaron
On Fri, May 9, 2008 at 2:08 AM, Alexandre Plennevaux
[EMAIL PROTECTED]
wrote:
Brandon, i believe this is a clever little plugin. I i understand
correctly, here is a real life example i experienced just 2 days ago
where
i had such markup:
li class=hello
img width=316
src=photos/sombra/Image_001.jpg/
img width=629
src=photos/sombra/Image_002.jpg/
img width=630
src=photos/sombra/Image_003.jpg/
img width=638
src=photos/sombra/Image_004.jpg/
img width=631
src=photos/sombra/Image_005.jpg/
img width=630
src=photos/sombra/Image_006.jpg/
img width=629
src=photos/sombra/Image_007.jpg/
/li
I needed to resize the LI element according to its children IMG
element
attr width. What i did is loop through the jquery collection looking
for the
width attribute value.
with your plugin it would be just
var newWidth = $('li.hello').attrs('width');
$('li.hello').animate({width: newWidth},slow);
Am i correct?
On Fri, May 9, 2008 at 5:40 AM, Brandon Aaron
[EMAIL PROTECTED]
wrote:
jQuery.batch is a small extension (951 bytes min'd, 520 bytes
gzipped) to
jQuery that allows you to batch the results of any jQuery method,
plugin
into an array. By default the batch plugin aliases the getter methods
in
jQuery by adding an 's' to the end (attrs, offsets, vals ...). You
can also
just call $(...).batch('methodName', arg1, arg*n).
Download:http://plugins.jquery.com/project/batch
Blog post:http://blog.brandonaaron.net/2008/05/08/jquery-batch/
--
Brandon Aaron
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com
--
Alexandre Plennevaux
LAb[au]
http://www.lab-au.com
