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

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 / 2
July 31, 2009
TABLE OF CONTENTS:
  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
SEARCH DEVARTICLES

TOOLS YOU CAN USE

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

The Skeleton

<html>

<head>

</head>

<body>

< -- The HTML elements -- >


<script type= "text/JavaScript">

 

< -- The Store -- >


< -- Ajax Code -- >


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


</script>

</body>

</html>


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
JAVASCRIPT ARTICLES

- More Top jQuery Tutorials for Beginners
- More Top jQuery Plugins for Menus
- Top jQuery Tutorials for Beginners
- New UI Framework and SDK for JavaScript Rele...
- JavaScript OpenPGP Tool, Node.js 0.6.3 Avail...
- Yahoo Releases Cocktails Language and Develo...
- Customizing jQuery Slideshows: Dynamic Contr...
- Customizing jQuery Slideshows: the animate()...
- Customizing jQuery Slideshows: slideUp() and...
- Customizing jQuery Slideshows: hide() and sh...
- Web Workers: Performing Calculations in Para...
- More Top JavaScript Frameworks and Libraries
- More Dynamic jQuery Styling Techniques
- The Top JavaScript Libraries
- The Top JavaScript Frameworks

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