Home arrow HTML arrow Page 2 - ACP and Browsers: Setting up an Example

ACP and Browsers: Setting up an Example

In this and the next part of this five-part series, we look at the code for a simple example of Active Client Pages that uses Chrysís Approach. We shall use this example to demonstrate how browsers respond to ACP. This example was described in the previous part of the series. To save time and writing space, I will not repeat the description here.

Author Info:
By: Chrysanthus Forcha
Rating: 5 stars5 stars5 stars5 stars5 stars / 2
September 08, 2009
  1. · ACP and Browsers: Setting up an Example
  2. · The Master Page
  3. · The HEAD Element Content
  4. · The Second Page

print this article

ACP and Browsers: Setting up an Example - The Master Page
(Page 2 of 4 )

All the content for the windowPhaseSimpleExample.htm file is the master page. The master page is at level zero in the tree. 

Skeleton of the Master Page

This is the skeleton of the master page:



<script type="text/javascript">

function precedeOrReturn(name)


//the Backward Propagation Code


function openWin1()


//statements to open the next window





This is page 0<br />

<button type="button" onclick="openWin1()">Open Page 1</button>

<script type="text/javascript">

var storeVarMaster = "It worked!";

window.name = "master";

//code with Ajax to prepare the next page which is a window




Let us look at the skeleton code from top to bottom.

The Main HTML Tags

You have the <html></html> tags that embody everything. You have the head tags, which have JavaScript. You have the BODY tags, which have the HTML elements that are seen, plus a JavaScript.

The HEAD Element

The HEAD element has a JavaScript, which has two functions. The first function is precedeOrReturn(name). This function is the Backward Propagation code.

The next function is openWin1(). There is a button in the BODY element of the page. When this button is clicked, this function is called; it opens the next window in the session.

The BODY Element

The BODY element has the HTML elements that are displayed, plus a JavaScript.

Let us now look at the element contents in detail.

blog comments powered by Disqus

- Does HTML5 Need a Main Element?
- Revisiting the HTML5 vs. Native Debate
- HTML5: Not for Phone Apps?
- HTML5 or Native?
- Job Hunting? Freelancer.com Lists This Quart...
- HTML5 in the News
- Report: HTML5 Mobile Performance Lags
- The Top HTML5 Audio Players
- Top HTML5 Video Tutorials
- HTML5: Reasons to Learn and Use It
- More of the Top Tutorials for HTML5 Forms
- MobileAppWizard Releases HTML5 App Builder
- HTML5 Boilerplate: Working with jQuery and M...
- HTML5 Boilerplate Introduction
- New API Platform for HTML5

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


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