Home arrow JavaScript arrow Page 2 - A Simple Document Phase Example of Active Client Pages

A Simple Document Phase Example of Active Client Pages

In this fifth part of a twelve-part series on Active Client Pages, we look at a simple example illustrating the Document Phase of Chrysís Approach. You need good knowledge in HTML and JavaScript to understand this part of the series.

Author Info:
By: Chrysanthus Forcha
Rating: 5 stars5 stars5 stars5 stars5 stars / 5
July 31, 2009
  1. · A Simple Document Phase Example of Active Client Pages
  2. · The Master Page Code
  3. · The JavaScript Segment
  4. · Function to Develop and Load the Second Page Code Segment

print this article

A Simple Document Phase Example of Active Client Pages - The Master Page Code
(Page 2 of 4 )

The Skeleton





< -- The HTML elements -- >

<script type= "text/JavaScript">


< -- The Store -- >

< -- Ajax Code -- >

< -- Function to develop and load the second page -- >




The Code Segments

You have two main code segments: the HTML elements segment and the JavaScript. The JavaScript has three sub code segments.

The HTML Elements Segment

This is the code for this segment:

This is the First page.<br />

<button type = "button" onclick="loadSecondPage()">Load Second Page</button>

You have a line of text, followed by the line break element. Then you have the button. When this button is clicked, the loadSecondPage() function will be called. This function is in the script below the HTML Elements segment. It will develop and load the second page.

blog comments powered by Disqus

- Project Nashorn to Make Java, JavaScript Wor...
- JavaScript Virus Attacks Tumblr Blogs
- Google Releases Stable Dart Version, JavaScr...
- Khan Academy Unveils New JavaScript Learning...
- Accessing Nitro? There`s an App for That
- JQuery 2.0 Leaving Older IE Versions Behind
- Fastest JavaScript Engine Might Surprise You
- Microsoft Adjusting Chakra for IE 10
- Brendan Eich: We Don`t Need Google Native Cl...
- An Overview of JavaScript Statements
- An Overview of JavaScript Operators
- Overview of JavaScript Variables
- More of the Top jQuery Social Plugins
- The Top jQuery Social Plugins
- More of the Top jQuery Slider Plugins

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