HTML

Temporary Web Page Processing

You might have a web page which is of interest to the user. You might have a button (or link) around the top of the page which would allow the user to do some temporary processing before coming back to the page. For example, clicking the button might require that the user gives details to let him sign in, or choose certain options that will enable the server to create a web page catering to his interests. This two-part article series will show you how to get it done.

Author Info:

By: Chrysanthus Forcha

Poor Best

Rating:

/ 1

April 15, 2009

TABLE OF CONTENTS:

· Temporary Web Page Processing
· The example
· Current method
· Showing the panel in front of other elements

I use an example for illustration. In this example we have a header as the top most element; the next element below this is the button you have to click in order to see the panel. The title of the button is “Process Info.” After that you have text, which simply represents elements. So, this is the code of the page we start with:

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

</script>

</head>

<body>

<h1 style="text-align:center">The Header</h1>

<button type="button" onclick="showPanel()">Process Info</button><br />

<br />

HTML Element, HTML Element, HTML Element, HTML Element <br />

HTML Element, HTML Element, HTML Element, HTML Element

</body>

</html>

You can copy this into a text file, save the file as an HTML type and then open it, to see what it looks like. I shall be adding code to this file. Each time I add code, you can do the same, save your file and open it to see the result.

I will start by showing you how temporary web processing is done today before I show you my approach.

Next: Current method >>