ACP Tab Web Page - ACP Feature
(Page 2 of 4 )
When the tabWebPages.htm file is downloaded, you see the page content of the first tab. This content comes with the file. The next two pages' contents are downloaded by Ajax, after the first has been downloaded with the tabWebPages.htm file. These two pages are downloaded as strings in the background, unknown to the user. By the time the user would have finished reading the first page, the string contents of the other two pages would have been downloaded.
With conventional tab web pages, the user has to wait for all the page contents to download, before the complete page settles. With ACP, the complete web page settles after the first page content has been downloaded (with the file tabWebPages.htm).
Technical Features
The first line of the tabWebPages.htm file has the buttons (Tabs). These are normal HTML buttons. There is a DIV element below these buttons. The page content for any button goes into this DIV element.
Each of the buttons (Tabs) has an onclick event attribute. When you click any of these buttons, a JavaScript function is called. This function has the button number (1, 2 or 3) of the button clicked as an argument. Whenever this function is called, it replaces whatever was in the DIV element (below the line of Tabs) with the page content for the button clicked.
After the first page content has been downloaded, there are two Ajax functions that download the contents of the other two pages in the form of strings -- one string per page.
Next: The Code >>
More JavaScript Articles
More By Chrysanthus Forcha
