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

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 / 1
September 08, 2009
TABLE OF CONTENTS:
  1. · ACP and Browsers: Setting up an Example
  2. · The Master Page
  3. · The HEAD Element Content
  4. · The Second Page

print this article
SEARCH DEVARTICLES

TOOLS YOU CAN USE

advertisement
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:


<html>

<head>

<script type="text/javascript">

function precedeOrReturn(name)

{

//the Backward Propagation Code

}


function openWin1()

{

//statements to open the next window

}

</script>

</head>

<body>

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


</script>

</body>

</html>


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
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 1 - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials