search

Rajuoukanti / jquery-loadmask

Automatically exported from code.google.com/p/jquery-loadmask
0 stars 0 forks source link

Improved code and more support. #4

Closed GoogleCodeExporter closed 8 years ago

GoogleCodeExporter commented 8 years ago 
I couldn't find discussions so I am posted some revised code that may be
useful.

I made the html rendered by loadmask to correspond with jquery-ui's overlay.
Example found here. http://jqueryui.com/themeroller/ 

I also improved centering to use outerwidth rather than manually adding
paddings. This gives a more accurate reading in cross browser scenarios.

I also added the ability to have the label parameter passed to mask(label)
to either be a string or a jquery object (for custom formats).

Original issue reported on code.google.com by theonlyl...@gmail.com on 4 May 2010 at 9:37

Attachments:

GoogleCodeExporter commented 8 years ago 
Thank you, great work! I will review it and put into a new build.

Original comment by serg472@gmail.com on 4 May 2010 at 3:58

GoogleCodeExporter commented 8 years ago 
After looking into it I think I will just post a link to your code on main page 
and
won't be adding it into a release this time. jUI version and original one are 
too
different approaches to coexist in a single project. Also outerheight method 
doesn't
center overlay perfectly, so I will probably stick to the original solution for 
now.

Thanks.

Original comment by serg472@gmail.com on 14 May 2010 at 8:37

GoogleCodeExporter commented 8 years ago 
This is great of great use man. What about the licensing of the code.
Can i use for my real project and other uses.

Original comment by anshulme...@gmail.com on 21 Jun 2010 at 3:34

GoogleCodeExporter commented 8 years ago 
Where is CSS Files?

Original comment by nuck...@gmail.com on 10 Jun 2011 at 3:55

GoogleCodeExporter commented 8 years ago 
It uses jquery ui's themeroller css.

Original comment by theonlyl...@gmail.com on 2 Oct 2011 at 3:45

GoogleCodeExporter commented 8 years ago 
Hello!
Looks like for unmasking to work properly we need to remove .ui-overlay and 
.ui-widget-overlay div elements.

To achieve that I've made slight change in code on line 135:
element.find(".loadmask-msg,.loadmask,.ui-overlay,.ui-widget-overlay").remove();

Original comment by ags...@gmail.com on 30 Nov 2011 at 3:05

GoogleCodeExporter commented 8 years ago 
To get the 'loading' gif back, modify line 102:
                    maskMsgDiv.append('<img src="img/loading.gif" style="vertical-align: middle;" /> ' + 
                            '<div style="display:inline-block; vertical-align: middle;" class=\"ui-overlay-loading\">' + label + '</div>');

Original comment by saama...@gmail.com on 8 Mar 2012 at 7:30

GoogleCodeExporter commented 8 years ago 
CORRECTION: the previous loading image addition wasn't working properly in 
firefox. Try this instead:

maskMsgDiv.append('<div style="padding-left: 20px; 
background-image:url(img/loading.gif);background-repeat: 
no-repeat;background-position: center left" class=\"ui-overlay-loading\">' + 
label + '</div>');

Original comment by saama...@gmail.com on 8 Mar 2012 at 9:28

GoogleCodeExporter commented 8 years ago 
Incase anyone needs the whole JS file that works with jquery. Don't need the 
CSS, but of course the loading image.

Original comment by saama...@gmail.com on 8 Mar 2012 at 9:37

Attachments:

GoogleCodeExporter commented 8 years ago 
Very Very Thanks ...

Original comment by nagaraju...@gmail.com on 9 Mar 2013 at 3:10