Javascript Page Preloader-

Discussion in 'JavaScript' started by cancer10, Apr 27, 2007.

  1. #1
    Javascript Page Preloader-

    Can someone tell me the code for making a Page Pre-loader. The background should be disabled when the pre-loader is prompted.

    The best example I can give you is the plesk control panel interface as seen in the screenshot below. Notice the background is disabled while the page is loading...

    [​IMG]
     
    cancer10, Apr 27, 2007 IP
  2. dzysyak

    dzysyak Peon

    Messages:
    43
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I do not want to write code here, because I do not have ready code. But it is very simple. you are using prototype JS library and just loading page through ajax call, it have events on begin load and on end load (something like that :) ). And you just should put a div with height and width of the window with some opacity (for example 50%) and that image "loading...". When content is loaded you are just hide that layer and that is all.
     
    dzysyak, Apr 29, 2007 IP
  3. nikolaaa

    nikolaaa Well-Known Member

    Messages:
    1,594
    Likes Received:
    73
    Best Answers:
    0
    Trophy Points:
    145
    #3
    Did you find this code?
    I also need it.
     
    nikolaaa, May 17, 2007 IP
  4. cancer10

    cancer10 Guest

    Messages:
    364
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Yes I finally got a working version of this and i m greatful to the person who wrote this for me.

    NOte. rename it to .html once u download it.
     

    Attached Files:

    cancer10, May 17, 2007 IP
  5. nikolaaa

    nikolaaa Well-Known Member

    Messages:
    1,594
    Likes Received:
    73
    Best Answers:
    0
    Trophy Points:
    145
    #5
    Hm. It doesnt work for me.
    Do you have working demo online?

    I just want to show java ajax style preloder on simple static html page.
     
    nikolaaa, May 17, 2007 IP
  6. nikolaaa

    nikolaaa Well-Known Member

    Messages:
    1,594
    Likes Received:
    73
    Best Answers:
    0
    Trophy Points:
    145
    #6
    ops. sorry. it's working.
     
    nikolaaa, May 17, 2007 IP
  7. cancer10

    cancer10 Guest

    Messages:
    364
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    cancer10, May 17, 2007 IP
  8. kazanova_ks

    kazanova_ks Active Member

    Messages:
    99
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    93
    #8
    man is this have to be named index.html to be first or? i asked if i have 3 files page1.html,page2.html and this yours js load[1].html which of this have to be index.html and if i have to modify somthing in script tell me pls thnx
     
    kazanova_ks, May 20, 2007 IP
  9. coderbari

    coderbari Well-Known Member

    Messages:
    3,168
    Likes Received:
    193
    Best Answers:
    0
    Trophy Points:
    135
    #9
    this code is working :)
    thanks for the help.
     
    coderbari, May 21, 2007 IP