HTML

Active Client Pages: Completing the Code for a Browser Example

The aim of this five-part series is to show to what extent a major browser responds to ACP. ACP is a new technology. In order to understand how a browser responds, we need an example to use to test the browser. We need to understand the example first. In this third part of the series I complete the explanation of the example.

Author Info:

By: Chrysanthus Forcha

Poor Best

Rating:

/ 1

September 15, 2009

TABLE OF CONTENTS:

The window here is different from the other windows we have seen in the sense that it houses two documents. Each of the other windows in the session houses only one document, and no distinction has been made between the window and its document. Here there are two documents, and you will see some distinctions.

Doc0

The content of Doc0 resides in the file, sendPge3Doc0Str.pl in the server. This is the file:

$returnStr = qq{

<html>

<head>

function loadDoc1()

{

var p3D1 = document.open();

p3D1.write(page3Doc1);

p3D1.close();

}

</script>

</head>

<body>

This is page 3 Doc 0<br />

//content of page 3 Doc1

var page3Doc1 = "";

//Ajax code to download the next document

</script>

</body>

</html>

};

print $returnStr;

This is a Perl file, with two Perl statements as in the other cases. The content of the quote operator is an HTML page. This is the initial content of the window. Any window has at least one document. So this initial window content is a document.

Let is look at the HTML content. There is a Head element. This element has JavaScript, which has one function, called loadDoc1(). There is a button in the BODY element. When this button is clicked, this function is called. The function loads the second document.

The first statement in the function opens an output stream. The next statement writes content into the output stream. The third statement closes the output stream, and by so doing, creates a new document. Note that the method of creating a new document is different from the one of creating a new window.

Let us look at what is in the BODY element. You have some text, a line break element and the button we have just talked about. Next you have a JavaScript. The first statement in the script is a declaration of the page3Doc1 variable that will hold the content of the next document (Doc1). After this statement, you have the Ajax code that downloads the content of the next document in advance. This next document is only loaded when you click the above button.

It is time to take a break. In the next part of the series, we shall quickly look at the remaining code, and then we look at the features in the example that we shall use to assess the browsers.

DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.