Home arrow HTML arrow Page 2 - How Browsers Respond to Active Client Pages
HTML

How Browsers Respond to Active Client Pages


In this article I will show you how browsers respond to Active Client Pages. In particular, we will focus on the question of whether different browsers respond to all the features of Active Client Pages as they should. Recall that browsers do not implement all the features in the HTML, JavaScript and DOM specifications. So we need to ask this question.

Author Info:
By: Chrysanthus Forcha
Rating: 3 stars3 stars3 stars3 stars3 stars / 2
September 01, 2009
TABLE OF CONTENTS:
  1. · How Browsers Respond to Active Client Pages
  2. · Summary of the Script Approach to ACP
  3. · Simple Example of ACP using Chrys's Approach
  4. · Technical Description of the Simple Example

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
How Browsers Respond to Active Client Pages - Summary of the Script Approach to ACP
(Page 2 of 4 )

The Script Approach is based on Vlad Podvorny's work. The Script Approach uses a Frameset. This is the summary of the Script Approach including my enhancements to the Approach.

  • The master page is a frameset HTML document.

  • While the user is working, data of any type, including program script code and images, is downloaded from the server in advance, without the knowledge of the user, by script.

  • This downloading is done by placing scripts (without Ajax) at the bottom of each page displayed.

  • The downloaded data has to be stored in a store in the master page (parent in frameset).

  • The store is made up of JavaScript variables and/or JavaScript arrays and/or JavaScript object properties.

  • Pages are produced by script that is in the master page or script in the head element of a page or script downloaded.


Summary of the Ajax Approach to ACP

The Ajax Approach is based on Chuck Bradley's work. The Ajax Approach does not use a Frameset. This is the summary of the Ajax Approach, including my enhancements to the approach.

  • The master page has the DIV element, which displays the pages (HTML elements).

  • While the user is working, data of any type, including program script code, is downloaded from the server in advance, without the knowledge of the user, by Ajax.

  • It is advisable to put the Ajax script at the bottom of the page. Each page can have Ajax script to download data in advance.

  • The downloaded data has to be stored in the JavaScript variables, JavaScript object properties and/or JavaScript arrays in the script in the HEAD element of the master page. The string form of a page that is downloaded should have only the HTML elements (sub strings) that would fit into a DIV element.

  • Pages are produced by script that is in the HEAD element of the master page or script in the BODY element of a page content downloaded.


Summary of the Document Phase of Chrys's Approach to ACP

This is my innovation.

  • The master page is the first page downloaded from the server by typing the address in the browser and clicking Go.

  • Other pages in the session are HTML documents developed and loaded at the client's browser.

  • While the user is working, data of any type, including program script code, is downloaded from the server in advance, without the knowledge of the user, by an external JavaScript tag or by Ajax.

  • It is advisable to put the Ajax script or external JavaScript tag at the bottom of the page, so that while the user is reading the page, data will be downloaded. In this way the user should not perceive the downloading process.

  • The downloaded data has to be stored in the JavaScript variables, JavaScript object properties and/or JavaScript arrays in the script of the master page.

  • The Store is a moving store. As the next page is loaded, the store moves to it. Using cookies for a stationary store is possible.

  • Pages are produced by script that is in the HEAD element of the master page or script in the BODY element of a page content downloaded.

  • The Back and Forward buttons of the browser are enabled with this approach.

  • This phase of Chrys's Approach incorporates the Script and Ajax Approaches to ACP.


Summary of the Window Phase of Chrys's Approach to ACP

This is my innovation.

  • The Window Phase of Chrys's Approach to ACP incorporates the Script Approach, the Ajax Approach and the Document Phase of Chrys's Approach to ACP.

  • The master page is the first window you get when you type an address in the address bar of a browser and click Go.

  • Each window or document obtained is created at the browser by a previous window or document.

  • Data for the production of the windows or documents are downloaded in advance by Ajax or external JavaScript tag.

  • You design your window or document so that it is rendered as it arrives at the browser. Your download command should be at bottom of the page so that, as soon as the page is opened, the user will be reading something as the page is rendered; before he finishes reading, the data for the next pages would have been downloaded.

  • JavaScript does calculations and analysis as the user progresses in his session.

  • Pages are produced by script that is in the HEAD element of a page or script in the BODY element of the page.

  • The downloaded data has to be stored in the JavaScript variables, JavaScript object properties and/or JavaScript arrays in the script of the master page. The JavaScript variables, JavaScript object properties and JavaScript arrays form the store.

  • The ACP design can be represented by a tree. If your tree is very long, then some nodes may have mini stores (one mini store per node).


The Approach I use for the following example is Chrys's Approach.


blog comments powered by Disqus
HTML ARTICLES

- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5
- BBC Adopts HTML 5, Mozilla Addresses Issues
- Advanced Sticky Footers in HTML and CSS
- HTML and CSS Sticky Footers
- Strategy Analytics Predicts HTML5 Phones to ...
- HTML5 Guidelines for Web Developers
- Learning HTML5 Game Programming
- More Engaging CSS3 and HTML Background Effec...
- Engaging HTML and CSS3 Background Effects
- More Web Columns with CSS3 and HTML
- Columns with CSS3 and HTML
- Creating Inline-Block HTML Elements with CSS
- Drag and Drop in HTML5: Parsing Local Files

Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 



© 2003-2012 by Developer Shed. All rights reserved. DS Cluster 11 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials