Ajax loader

Discussion in 'Web Design and Development' started by macsig, May 21, 2008.

  1. macsig macrumors regular

    Joined:
    Oct 27, 2006
    Location:
    Marina del Rey, CA
    #1
    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!
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2
    ???

    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?
     
  3. italiano40 macrumors 65816

    italiano40

    Joined:
    Oct 7, 2007
    Location:
    NY
    #3
    he want a pre-made ajax loader he doesn't know how to code in ajax
     
  4. SrWebDeveloper macrumors 68000

    SrWebDeveloper

    Joined:
    Dec 7, 2007
    Location:
    Alexandria, VA, USA
    #4
    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:

    (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
     
  5. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #5
    That doesn't really address the size issue being talked about.
     
  6. thejadedmonkey macrumors 604

    thejadedmonkey

    Joined:
    May 28, 2005
    Location:
    Pa
    #6
    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>
    
     
  7. macsig thread starter macrumors regular

    Joined:
    Oct 27, 2006
    Location:
    Marina del Rey, CA
    #7
    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
     
  8. yagran macrumors 6502a

    Joined:
    Jan 8, 2007
    Location:
    Brighton, East Sussex, UK
    #8
    you are aware they are just animated gifs?

    this one too small?
    [​IMG]
     
  9. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #9
    Is this too big? Just threw it together pretty quickly. It's 300x300 pixels.
     

    Attached Files:

  10. macsig thread starter macrumors regular

    Joined:
    Oct 27, 2006
    Location:
    Marina del Rey, CA
    #10
    @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.
     
  11. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #11
    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.
     
  12. SrWebDeveloper macrumors 68000

    SrWebDeveloper

    Joined:
    Dec 7, 2007
    Location:
    Alexandria, VA, USA
    #12
    Here's a common "commercial" looking one with an animated bar in a light classic gray which goes with any layout:

    [​IMG]

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

    -jim
     
  13. macsig thread starter macrumors regular

    Joined:
    Oct 27, 2006
    Location:
    Marina del Rey, CA
    #13
    @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.
     
  14. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #14
    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.
     
  15. macsig thread starter macrumors regular

    Joined:
    Oct 27, 2006
    Location:
    Marina del Rey, CA
    #15
    Thanks, I appreciate it.
    if you can please don't put 'LOADING' in the middle of the circle.

    Have a nice day!
     
  16. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #16
    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.
     

    Attached Files:

  17. macsig thread starter macrumors regular

    Joined:
    Oct 27, 2006
    Location:
    Marina del Rey, CA

Share This Page