[jQuery] Re: [ANNOUNCE] New plugin: Loading
On Thu, Jul 9, 2009 at 10:06 AM, Nathan Bubna wrote:
> On Thu, Jul 9, 2009 at 9:10 AM, Penner, Matthew wrote:
>>
>> Great job! Just a comment on the demo page. When I set the mask to
>> true I lose the ability to interact with the page, as designed of
>> course! :) Maybe you could make a timeout of like 5 seconds. Otherwise
>> I have to refresh the page just to test out some other things.
>
> Great idea!
Ok, demo is updated. This also led to a new release (1.3.2), as i
realized it would be easy to do this if there were a loadingStart
event to listen for. I added a loadingEnd as well. Currently these
are just notifications. I may later run the on/off behaviors off of
these events to allow for more complex event handling.
>> A suggestion I have for the plug-in itself would be the option to use
>> both an image and text. I personally like the spinning gif with the
>> text "Loading..." below it.
>
> Hmm. That would look nice. You can already do this with the 'element'
> option:
>
> $.loading({element: 'Loading...'})
>
> or even css:
>
> $.loading({css:{paddingTop:15, background:'url(loading.gif) no-repeat'}});
>
> that could be done in your stylesheet rules as well, of course. As i
> think about it, this css-based approach seems most sensible, as it
> allows the text-based pulse effects (working, ellipsis and type) to
> work. Adding the ability to combine text and img options like so:
>
> $.loading({img:'loading.gif', text:'Loading...'})
>
> would break with those pulse effects and could also lead to
> implementation complication, as not everyone is likely to prefer the
> img above the text; some might want it below or beside. Given these
> downsides, i'm not sure it's worth adding, especially since there are
> other relatively simple ways to do it. :)
>
>> Great job!
>
> Thanks for the feedback! It's great to have other eyes/apps/browsers
> trying this out.
>
>> Matt Penner
>>
>>
>> -Original Message-
>> From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
>> Behalf Of Nathan Bubna
>> Sent: Wednesday, July 08, 2009 8:40 PM
>> To: jquery-en@googlegroups.com
>> Subject: [jQuery] [ANNOUNCE] New plugin: Loading
>>
>>
>> http://plugins.jquery.com/project/loading
>>
>> If you need to let the user know something is happening in the
>> background, this is the easiest way. It handles creation,
>> positioning, masking/blocking stuff behind, and even "pulsing" the
>> loading message with a few simple options. Of course, there's more
>> than a few options. Everything is configurable and extensible. It's
>> even easy to create your own pulsing/spinning/throbbing effects, and
>> it can display text (default), images or any element you like with
>> ease and simplicity. It works page-wide with a "static" call:
>>
>> $.loading(true, {mask:true})
>>
>> or per-element, with chaining and all:
>>
>> $('#foo').loading({ align:'center' })
>>
>> The best way to start seeing what can be done and how to use it is to
>> play with the demo:
>>
>> http://jquery-values.googlecode.com/svn/other/loading/jquery.loading.htm
>>
>> Enjoy. And if you find bugs or have more clever ideas for it, let me
>> know. I like feedback of all kinds.
>>
>
[jQuery] Re: [ANNOUNCE] New plugin: Loading
On Thu, Jul 9, 2009 at 9:10 AM, Penner, Matthew wrote:
>
> Great job! Just a comment on the demo page. When I set the mask to
> true I lose the ability to interact with the page, as designed of
> course! :) Maybe you could make a timeout of like 5 seconds. Otherwise
> I have to refresh the page just to test out some other things.
Great idea!
> A suggestion I have for the plug-in itself would be the option to use
> both an image and text. I personally like the spinning gif with the
> text "Loading..." below it.
Hmm. That would look nice. You can already do this with the 'element' option:
$.loading({element: 'Loading...'})
or even css:
$.loading({css:{paddingTop:15, background:'url(loading.gif) no-repeat'}});
that could be done in your stylesheet rules as well, of course. As i
think about it, this css-based approach seems most sensible, as it
allows the text-based pulse effects (working, ellipsis and type) to
work. Adding the ability to combine text and img options like so:
$.loading({img:'loading.gif', text:'Loading...'})
would break with those pulse effects and could also lead to
implementation complication, as not everyone is likely to prefer the
img above the text; some might want it below or beside. Given these
downsides, i'm not sure it's worth adding, especially since there are
other relatively simple ways to do it. :)
> Great job!
Thanks for the feedback! It's great to have other eyes/apps/browsers
trying this out.
> Matt Penner
>
>
> -Original Message-
> From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
> Behalf Of Nathan Bubna
> Sent: Wednesday, July 08, 2009 8:40 PM
> To: jquery-en@googlegroups.com
> Subject: [jQuery] [ANNOUNCE] New plugin: Loading
>
>
> http://plugins.jquery.com/project/loading
>
> If you need to let the user know something is happening in the
> background, this is the easiest way. It handles creation,
> positioning, masking/blocking stuff behind, and even "pulsing" the
> loading message with a few simple options. Of course, there's more
> than a few options. Everything is configurable and extensible. It's
> even easy to create your own pulsing/spinning/throbbing effects, and
> it can display text (default), images or any element you like with
> ease and simplicity. It works page-wide with a "static" call:
>
> $.loading(true, {mask:true})
>
> or per-element, with chaining and all:
>
> $('#foo').loading({ align:'center' })
>
> The best way to start seeing what can be done and how to use it is to
> play with the demo:
>
> http://jquery-values.googlecode.com/svn/other/loading/jquery.loading.htm
>
> Enjoy. And if you find bugs or have more clever ideas for it, let me
> know. I like feedback of all kinds.
>
[jQuery] Re: [ANNOUNCE] New plugin: Loading
Great job! Just a comment on the demo page. When I set the mask to
true I lose the ability to interact with the page, as designed of
course! :) Maybe you could make a timeout of like 5 seconds. Otherwise
I have to refresh the page just to test out some other things.
A suggestion I have for the plug-in itself would be the option to use
both an image and text. I personally like the spinning gif with the
text "Loading..." below it.
Great job!
Matt Penner
-Original Message-
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On
Behalf Of Nathan Bubna
Sent: Wednesday, July 08, 2009 8:40 PM
To: jquery-en@googlegroups.com
Subject: [jQuery] [ANNOUNCE] New plugin: Loading
http://plugins.jquery.com/project/loading
If you need to let the user know something is happening in the
background, this is the easiest way. It handles creation,
positioning, masking/blocking stuff behind, and even "pulsing" the
loading message with a few simple options. Of course, there's more
than a few options. Everything is configurable and extensible. It's
even easy to create your own pulsing/spinning/throbbing effects, and
it can display text (default), images or any element you like with
ease and simplicity. It works page-wide with a "static" call:
$.loading(true, {mask:true})
or per-element, with chaining and all:
$('#foo').loading({ align:'center' })
The best way to start seeing what can be done and how to use it is to
play with the demo:
http://jquery-values.googlecode.com/svn/other/loading/jquery.loading.htm
Enjoy. And if you find bugs or have more clever ideas for it, let me
know. I like feedback of all kinds.
[jQuery] Re: [ANNOUNCE] New plugin: Loading
Glad you approve! Let me know if you encounter any hiccups while using it. :)
On Wed, Jul 8, 2009 at 9:00 PM, brian wrote:
>
> Very nice! I'd been playing with something along these lines but it's
> really buggy (and I'm lazy). Kudos for the 'classname' option. I much
> prefer to specify a 'loading' image with CSS than to pass the filename
> to a JS object. And it doesn't require dimensions (mine does). I'll
> quietly retire my little experiment now.
>
> On Wed, Jul 8, 2009 at 11:39 PM, Nathan Bubna wrote:
>>
>> http://plugins.jquery.com/project/loading
>>
>> If you need to let the user know something is happening in the
>> background, this is the easiest way. It handles creation,
>> positioning, masking/blocking stuff behind, and even "pulsing" the
>> loading message with a few simple options. Of course, there's more
>> than a few options. Everything is configurable and extensible. It's
>> even easy to create your own pulsing/spinning/throbbing effects, and
>> it can display text (default), images or any element you like with
>> ease and simplicity. It works page-wide with a "static" call:
>>
>> $.loading(true, {mask:true})
>>
>> or per-element, with chaining and all:
>>
>> $('#foo').loading({ align:'center' })
>>
>> The best way to start seeing what can be done and how to use it is to
>> play with the demo:
>>
>> http://jquery-values.googlecode.com/svn/other/loading/jquery.loading.htm
>>
>> Enjoy. And if you find bugs or have more clever ideas for it, let me
>> know. I like feedback of all kinds.
>>
>
[jQuery] Re: [ANNOUNCE] New plugin: Loading
Very nice! I'd been playing with something along these lines but it's
really buggy (and I'm lazy). Kudos for the 'classname' option. I much
prefer to specify a 'loading' image with CSS than to pass the filename
to a JS object. And it doesn't require dimensions (mine does). I'll
quietly retire my little experiment now.
On Wed, Jul 8, 2009 at 11:39 PM, Nathan Bubna wrote:
>
> http://plugins.jquery.com/project/loading
>
> If you need to let the user know something is happening in the
> background, this is the easiest way. It handles creation,
> positioning, masking/blocking stuff behind, and even "pulsing" the
> loading message with a few simple options. Of course, there's more
> than a few options. Everything is configurable and extensible. It's
> even easy to create your own pulsing/spinning/throbbing effects, and
> it can display text (default), images or any element you like with
> ease and simplicity. It works page-wide with a "static" call:
>
> $.loading(true, {mask:true})
>
> or per-element, with chaining and all:
>
> $('#foo').loading({ align:'center' })
>
> The best way to start seeing what can be done and how to use it is to
> play with the demo:
>
> http://jquery-values.googlecode.com/svn/other/loading/jquery.loading.htm
>
> Enjoy. And if you find bugs or have more clever ideas for it, let me
> know. I like feedback of all kinds.
>
