|
HTML - Example Of Progress Bar And Page Showed
Can anybody show me an example of a page showed only after the progress bar has finished to load it ?
I'm using dojo for it, but I can't find any concrete example in which the page is showed at the end of the progress and the progress bar disappear. <div id="pb" dojoType="dijit.ProgressBar" style="width:300px"></div> thanks Similar TutorialsI'm uploading a file to a server like this: <form action="upload.php" enctype="multipart/form-data" method="post"> <input type="file" name="datafile" size="40"> <input type="hidden" name="MAX_FILE_SIZE" value="1000000"> <input type="submit" value="Send"> </form> upload.php is receiving the file fine. I am processing the uploaded file which may take minutes to do. Upload.php displays results as it processes the uploaded file. However the new page drawn by upload.php does not display until the entire uploaded file is processed. Is there a way to have the new page display the progress of the processing? thanks, William Hello Please see this page. I am trying to build a progress bar (static) to show how far for example someone has upgraded their health regen skill compared to how much it's possible to. The bar will always be 400 pixels wide, 12 pixels tall. PHP calculates the two widths (on/off) perfectly. The problem is rendering it. It is made up of 2 images: "On" "Off" I have come up with 3 possible ways to show these. Code: $bar = "<div class=\"barOff\" style=\"width: " .FULL. "px;\"><img src=\"images/layout/barOn.gif\" style=\"width: " .$widthOn. "px;\" alt=\"\" /></div>"; $bar = "<img src=\"images/layout/barOn.gif\" class=\"barOn\" style=\"width: " .$widthOn. "px;\" alt=\"\" /><img src=\"images/layout/barOff.gif\" class=\"barOff\" style=\"width: " .$widthOff. "px;\" alt=\"\" />"; $bar = "<table class=\"bar\"><tr><td class=\"barOn\" style=\"width: " .$widthOn. "px; \"></td><td class=\"barOff\" style=\"width: " .$widthOff. "px; \"></td></tr></table>"; Here is the CSS that goes with it: Code: .bar {
width: 400px;
height: 12px;
background: none;
border: none;
border-collapse: collapse;
}
.barOn
{
height: 12px;
background: #FF8000 url(images/layout/barOn.gif) no-repeat top left;
}
.barOff
{
height: 12px;
background: #808080 url(images/layout/barOff.gif) no-repeat top right;
}
In relation to the 3 lines of code I gave you: Method 1: Image in a div. This allows all widths to show as desired, but sometimes the "Off" bar is on top of the "On" bar. Also, the "On" bar is nudged down a bit. Method 2: Two images. Positioning and sizes are correct, however the images are clearly crunched up. Method 3: Table with 2 cells. Positioning is correct, and images show fine, however probably due to minimum cell width under 2% and over 98% don't quite make it. There is always a tiny gap. I do so hate rendering problems very much. Fortunately both Internet Explorer and Firefox show the problems in the same way. I would be extremely greatful if someone comes up with a solution to this. Thanks for your time. Hi, Background: I have a small page that need to be embeded into a bounch of other html pages. Help needed: 1. Please provide the html chunk that I can use to embed the small page in to other html pages. 2. Is there a way of not using iframe? Can I use <Object> or <embed>? How? --------------------------- mba colleges in london hospitality management diploma Some mouses today have horizontal scroll, some call the tilt. It looks something like: http://www.htmlforums.com/attachment...1&d=1242556560 I noticed that many websites they code those horizontal scroll to go to next/prevous page. For example Discuz! forum system has this function. While you browse hundreds or thousands of posts separated into pages, the horizontal scroll can take you to previous page or next page.(not browser back/forward) How do I code like that? Or any examples? Below are the two sites I will use to explain my problem. For reference, I used Mozilla Firefox 3.08 and Google Chrome 1.0.154.53 in my tests. Example 1: http://www.irishbyname.com/example1.htm Example 2: http://www.irishbyname.com/example2.htm When browsing the site in a browser other than Internet Explorer, example 1 and example 2 center to different locations on the page. In example 1, I set the height of the content area to be 200 px tall. In example 2, I set the height of the content area to be 500 px tall. When I have example 1 open in one tab and example 2 open in another, I can alternate between the two tabs and see a visual difference in alignment. The HTML code on both pages is exactly identical with the exception of the height of the content area. Can anyone tell me why the horizontal page center changes based on the height of the page? Can anyone tell me how to change my HTML to make certain the page centers correctly no matter how tall the page is? Thanks for your help in advance. I believe in thread titles that get to the point. I have a basic page, when the page loads I want people to see the top of the page for a few seconds while a flash starts to load but then I want the page to scroll down a bit so the visitor can see the flash load progress status. I just want code that I can copy into my page. I don't have access to the flash code. Greg (the page under design) www.mytcanada.com/designer.html I have a programmer in the US who starts pages for me and then I much around with them until it's looks like I want. He helps me when I get stuck but he's on holidays. Any help would be great. I have plain HTML on the main page and <iFrame> tag on it, inside tag i have URL to other page that using some script that forces host page to reload and show page from frame instead of it. Can i somehow stop it from messing my entire main page? Not even sure what to call this actually... I received this message from a friend whose site I just put up. ---------------------------- When you click on say the Home Page, and then you click on something else then go back to the prvious page, it apparently displays the previous page on the home page for example. I was not able to recreate this on my computer, but apparently, [another] web developer said this is a fairly common problem. Do you know what he is referring to, and can it be fixed? ---------------------------- Here's the site in question. Nothing fancy, just individual HTML pages. http://www.soundadviceht.com/index.html I gotta admit, I have no earthly clue what he's talking about, unless he's relaying the message wrong? Any ideas what he's talking about? Hello; I have text box & submit button in page_1 & I have text box & submit button in page_2. I want when write text in text box in page_1 it go directly to text box in page_2 & I want when click on submit button in page_1 it is like click on submit button in page_2. Assume page_2 located in other site www.page_2.com. How to do that.?? I am stuck with this stupid code that i have been trying to fix for an hour! Please help. Heres my problem...: I want to embed a webpage within another and scroll it to the bottom of the page automaticly because i want the information at the bottom which is updated frequently. I also dont want a scroll bar, so all that is seen is the table. the website is www.totalfta.com. I want from below the ENTER|EXIT sign to the bottom of the table. I have attached what i have so far. ***I have the embed into another page, and the no scroll bar... i just want to make it auto scroll to the table..**** Thank you..! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-... <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Tester</title> </head> <iframe height="410" width="100%" frameBorder="0" src="http://www.totalfta.com" mce_src="http://www.totalfta.com" scrolling="no" body onLoad="for (i=0;i<window.screen.availHeight;i++) {window.scroll(0,i); }"</iframe> <body> Hi, Is there any possible to show a HTML or ASP page inside the table. I have tried with frames but i dont know how to execute exacltly. Thanks Hello, I've put the Code: <div align="center"> below the Code: <body> tag and closed it with the Code: </div> before the Code: </body> tag. The page doesn't center at all. Is looking fine in 1024x768 but in any bigger resolution, the page is aligned to the left. The page that I am talking for is this. Any idea? Hey all, me and my friend have a cleaning company and we deciced to make a webpage. It's been a good 6 years since i have worked on a website. My biggest accomplishment so far was getting the contact form to work properly on the site. It does, i feel like i've done alot lol. Anyway, the current design is a rough layout (suggestions are welcome). It still needs a lot of little touches to make it look more "full". My biggest concern now is when your clicking from page to page the table jumps around. In firefox, the Contact Us and Services page are perfect, nice and centered. The image i'm using where the navigation buttons are is in place as well. When you go to the other pages though the table moves a bit and it looks like the image i'm using where the navigation buttons are starts to repeat. In Internet Exploder, everything doesn't look centered. There seems to be more space on the right than on the left, but the image i'm using for the navigation buttons seems to be fine, it's not repeating. I dunno what's causing this. I know different browsers display stuff in different ways but i'm far from having a good understanding as to why (that's why i'm here). I even copied txt from one of the messed up pages and pasted it on one of the pages that is ok and that didn't work. I assume it's a CSS thing. Also, try and avoid saying things like "Table designs are for teh n00bz!11!" or "This is why CSS is better than using a table design!!!". This is how i did it. Im ok with CSS but i don't have a thorough understanding of it to design an entire website using CSS. I'm hoping this is an easy CSS fix, or maybe something else? The website is www.gocleantoday.com. Thanks. First let me apologize if this post has been made and/or belongs in another area but I'm not too sure even sure how to ask this. My humble site is set up like such using HTML and CSS: As of right now I have it such that when a navigation link is clicked it loads a whole new page. How can I do this such that only the "main text" area (which sits inside a table) is loaded? I hope that makes sense! Why is my home page crashed every time i click the next page button at the very bottom if you look at the (FEATURED and NEWS categories) it will changes after you clicked the next page bottom Also when i click the next page bottom its not showing the right articles/posts according to the date wrote. any help of how i can fix this problem step by step will be much appreciated. Hello, This is an unusual one, but I have converted two Excel files into HTML files, and I also have a HTML page with some information on. I have a live of code which controls the auto refresh of each page. Is there any way that I can set this so that when the page refreshes, it loads a different page. The pages are part of a display screen that will show stats and info. I would like to set it so all three pages rotate/change every minute or so. Thanks in advance. How to open page B from page A after 15 seconds automaticaly? Hi, I have the following situation. I want when the user types http://locahost/abc.html or http://locahost/xyz.html he should be automatically redirected to the http://locahost/login.html page User can only access http://locahost/xyz.html page when he clicks a link on http://locahost/abc.html and not by directlty typing it in the browser. By this i want only authorized users to have access to my web pages. My web portal is hosted on apache server on linux OS. How can i do this? Any help would be greatly appreciated. Good day. First of all I am very beginner, I would like to create very long web page in single page , document contains image and many articles (paragraphs), I need to create menu (button) addressed for each article. I tried anchors but failed. Could someone please help me creating this page . Thanks in advance. |
|||||||