Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Ajax loader

M

macsig

macrumors regular
Original poster
Oct 27, 2006
236
0
Marina del Rey, CA
Hi,
do you guys know a place where I can create an AJAX loader beyond ajaxload.info

I need something big (to show all screen while my app is loading) and the biggest loader on ajaxload is too small.

Thanks and have a good 1!
 
???

AJAX is just a technique, it doesn't really have a "size." Can you clarify what you're doing exactly so we can understand how to answer you?
 
If they are willing to learn how to build a loader in 10 minutes, I found a VERY simple to follow web page with examples and decent instructions here:

http://www.ajaxwith.com/Building-an-Ajax-Loader.html

And I quote from that page:

As you can see, the Ajax loader is very easy to use and customize
Click to expand...
(take them courage pills!)

Now even if they don't know CSS in depth, the example on that page includes a style tag where you edit the following to suit your needs:

height, width = set in pixels, how tall/wide
top,left = how many pixels down and to the left to position the loader
z-index = number that should be higher than any other z-indexes set in their existing HTML or stylesheet, or leave set to 1 if none exist.

The rest we can answer here once they try it.

-jim
 
this might work.

you're going to want to create a DIV around All of your content, put the image in there, then have the ajax-ness load the content, and replace the loading image.


HTML: 
<body onLoad="ajaxLoader('all_of_my_content','all_of_my_content_I_want_covered_by_the_loading_icon')">

<div id="all_of_my_content_I_want_covered_by_the_loading_icon">

<img src="ajax-loading.gif">

</div>
</body>

The style sheet should look something like this..

naturally you change the height and width to whatever works best, either a fixed-width or a percentage.

HTML: 
<style>

#all_of_my_content_I_want_covered_by_the_loading_icon {
  height:500px;
  width:500px;
}

</style>
 
looks like my question wasn't clear enough.
I need just an image to show while the ajax request is in progress.
If you take a look of ajaxload.info you can see it allows you to customize several images but all of them are too small for my needs.

Thanks
 
you are aware they are just animated gifs?

this one too small?
circleThickbox.gif
 
Is this too big? Just threw it together pretty quickly. It's 300x300 pixels.
 

Attachments

  • loading_300x300.gif
    loading_300x300.gif
    2.7 KB · Views: 1,345
@yagran: I know they are just animated gifs and I'm looking for a place where I can find a big one. The one you show is not so small (it is the biggest on ajaxload.info) but if I could find one a bit bigger it was better.

@angelwatt: Thanks for your effort but, frankly speaking, I can't imagine a worser one. I have to put the image in a commercial application I'm going to release soon and I don't think that is the kind of image I need.


I guess I will go with the ajaxload's one.
 
macsig said:
@angelwatt: Thanks for your effort but, frankly speaking, I can't imagine a worser one. I have to put the image in a commercial application I'm going to release soon and I don't think that is the kind of image I need.
Click to expand...

Well it's just something I threw together in a few minutes to show the size since all you have done is say "I want big." which wasn't very helpful on your part. If you gave some actual details about what you need people could actually help you, but you keep failing at describing your needs appropriately.
 
Here's a common "commercial" looking one with an animated bar in a light classic gray which goes with any layout:

ajax-loader.gif


Otherwise specify dimensions desired and if you want it animated or not and any suggestions on color.

-jim
 
@angelwatt: I hope I didn't hurt your feeling; I'm sure you can make something much better.


Thanks guys I would like the one yagran has posted but bigger, let's say double and, if I can chose the color I prefer light blue.
 
macsig said:
@angelwatt: I hope I didn't hurt your feeling; I'm sure you can make something much better.


Thanks guys I would like the one yagran has posted but bigger, let's say double and, if I can chose the color I prefer light blue.
Click to expand...

No, I didn't take it personally, I wouldn't use it either, it was just an example to show size. I was just getting frustrated that you kept eluding what specifically you needed. I can try to double to size of the other mentioned gif when I get off work if no one else gets to it first.
 
OK, I doubled its size and got rid of the loading text. It's not as clean as I'd prefer, but I'm still learning the tricks of the trade with digital art. I'm more use to paper and pencil. I couldn't find an easy way to switch it to blue either. If I find the time I may try creating a blue one.
 

Attachments

  • circleThickbox2.gif
    circleThickbox2.gif
    29.6 KB · Views: 1,289
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back