Html Js page loader
- Thread starter Teensweb
- Start date
blueiron
New Member
- Messages
- 19
- Reaction score
- 0
- Points
- 1
Never really seen the need for something like that.
The only way I can think of completing it, would be to have an AJAX script load the page, and until the page is loaded it would display the progress bar.
You could set the progress bar up based on a page-size in Bytes, or Kilobytes, and have the AJAX script somehow sum up the currently loaded bytes and compare them to the pages set bytes amount.
But I haven't had enough experience in JAVA/AJAX to know how to do that off-hand.
The only way I can think of completing it, would be to have an AJAX script load the page, and until the page is loaded it would display the progress bar.
You could set the progress bar up based on a page-size in Bytes, or Kilobytes, and have the AJAX script somehow sum up the currently loaded bytes and compare them to the pages set bytes amount.
But I haven't had enough experience in JAVA/AJAX to know how to do that off-hand.
- Messages
- 1,682
- Reaction score
- 32
- Points
- 48
VPmase
New Member
- Messages
- 914
- Reaction score
- 0
- Points
- 0
Are you trying to load the page without refreshing? Aka AJAX?
http://www.w3schools.com/ajax/ is where I learned AJAX.
http://www.w3schools.com/ajax/ is where I learned AJAX.
- Messages
- 4,467
- Reaction score
- 95
- Points
- 0
Unless you are building a photo gallery, aka a page with loads of picture, I'd say javascript page loader are pretty useless. If you are trying to use AJAX, then a simple div with 'Loading...' in it is sufficient.
If you are trying to have a JS loader for a normal page (html + css + some simple images) then you should not have a loader.
If you are trying to have a JS loader for a normal page (html + css + some simple images) then you should not have a loader.
Last edited:
Teensweb
New Member
- Messages
- 352
- Reaction score
- 1
- Points
- 0
can anyone give me the right code?
Edit:
If anyone did not understand, i'll make it clear: I am looking for something that does the following-
1. While an html/php page is being loaded- show a division that covers the entire page.
2. On top of it, show a percent loader which shows the whole page's(not only the imgs) progress
3. And that should not be based on flash.
4. I want an image(custom) to show the progress not just a color.
Edit:
If anyone did not understand, i'll make it clear: I am looking for something that does the following-
1. While an html/php page is being loaded- show a division that covers the entire page.
2. On top of it, show a percent loader which shows the whole page's(not only the imgs) progress
3. And that should not be based on flash.
4. I want an image(custom) to show the progress not just a color.
Last edited:
sonicsshadow
Member
- Messages
- 200
- Reaction score
- 0
- Points
- 16
Not to be rude, but isn't this why we have the progress bar in most web browsers?
Also, I know JSQuery has something that checks if the page is ready to use, maybe you could use that to check if the page isn't loaded.
What you could also do is create your entire site and then make it so the Javascript outputs your website to a hidden div. As it outputs your website, you can manually have it so like when it prints out each paragraph, you increase the progress variable. Then, for the image, increase the width of it each time the percent increases, so it looks like it's filling up more space. Once the percent variable reaches 100, you could then hide the div with the loading bar in it and then show the div with the site on it.
I don't know WHY you would want this though.
Also, I know JSQuery has something that checks if the page is ready to use, maybe you could use that to check if the page isn't loaded.
What you could also do is create your entire site and then make it so the Javascript outputs your website to a hidden div. As it outputs your website, you can manually have it so like when it prints out each paragraph, you increase the progress variable. Then, for the image, increase the width of it each time the percent increases, so it looks like it's filling up more space. Once the percent variable reaches 100, you could then hide the div with the loading bar in it and then show the div with the site on it.
I don't know WHY you would want this though.
Last edited:
mattura
Member
- Messages
- 570
- Reaction score
- 2
- Points
- 18
I agree with xav0989.
There are two possible situations:
1) You have a massive page with loads of content, it loads slowly, piece by piece and you want it all to appear in a flash (no, not Macromedia Flash), at once.
2) You don't have a massive page, but you want a fancy loader screen to make your site look cool, and show the progress whilst loading the page.
For situation 1, your best bet is to load the bulk of the content separately, using AJAX/javascript/splitting into separate web pages/whatever method. You can even have a loader bar for each bit!
Most web users will not tolerate long waiting times (long can be a few seconds!). So it is always a good idea to split up bulky pages into separate sections on a web site.
In situation 2, most likely users would barely see your loader before the page replaces it (unless you fake a timer). Realistically, waiting for a page to load involves some time before the page starts to load (which probably takes up the most time), and this you can do nothing about. You can't even load your loader. Then, some time when the page is loading, usually very quickly. Hence the loader would flash up for a split second. Not worth the effort!
There are two possible situations:
1) You have a massive page with loads of content, it loads slowly, piece by piece and you want it all to appear in a flash (no, not Macromedia Flash), at once.
2) You don't have a massive page, but you want a fancy loader screen to make your site look cool, and show the progress whilst loading the page.
For situation 1, your best bet is to load the bulk of the content separately, using AJAX/javascript/splitting into separate web pages/whatever method. You can even have a loader bar for each bit!
Most web users will not tolerate long waiting times (long can be a few seconds!). So it is always a good idea to split up bulky pages into separate sections on a web site.
In situation 2, most likely users would barely see your loader before the page replaces it (unless you fake a timer). Realistically, waiting for a page to load involves some time before the page starts to load (which probably takes up the most time), and this you can do nothing about. You can't even load your loader. Then, some time when the page is loading, usually very quickly. Hence the loader would flash up for a split second. Not worth the effort!
Teensweb
New Member
- Messages
- 352
- Reaction score
- 1
- Points
- 0
I'll make sure that my page loads slowly enogh!
kbjradmin
New Member
- Messages
- 512
- Reaction score
- 2
- Points
- 0
such a thing is not possible in javascript. you can't use javascript to get the amount of the page loaded. the closest thing possible in javascript would be how much of your images are loaded (which may be close enough or not, that's for you to decide). the point is, no it can't be done.
Teensweb
New Member
- Messages
- 352
- Reaction score
- 1
- Points
- 0
But have you ever used gmail? I dont believe that its not possible because every time I check mail in gmail, I see that with my own eyes! So what should I believe?
Edit:
Dont know if they used Js or not, though, Even any other program would suit my need too....
Edit:
Dont know if they used Js or not, though, Even any other program would suit my need too....
Last edited:
- Messages
- 5,611
- Reaction score
- 249
- Points
- 63
PHP is server side. You can only see how much of the page is processed and sent by the server, not how much is loaded on the client side.
hi! i think the best way to do so is just to go to
http://google.com/
or
http://w3schools.com/ajax
Because ajax is probably best way to do this
http://google.com/
or
http://w3schools.com/ajax
Because ajax is probably best way to do this
Teensweb
New Member
- Messages
- 352
- Reaction score
- 1
- Points
- 0
I'm not a 3 year old child who doesn't know about the best search engine in this cyber-world!
and as for the w3schools link, do you know exactly how to do it, or are you sure that it can be done?