HtmlToXml Tutorial 1: > Conversion from HTML to XML
Conversion from HTML to XML
Conversion from HTML to XML
HtmlToXml converter reads a pair of the normal HTML (or any other mark-up languages, such as XHTML, WML or HDML).
The pair consists of:
- HTML for the valid case, that asks the user to fill the empty CGI FORM
- HTML for the invalid case, that asks the user to fix the invalid items in CGI FORM and/or to fill the missing items in CGI FORM
The former HTML (HTML for the valid case) should include the tags for the empty CGI FORM.
In addition to those tags, the latter one (HTML for the invalid case) should include the tags for the messages asking the user to fix the previos items and/or to fill the missing items.
Note that the latter one should look as if all the items in the CGI FORM are invalid or missing.
For instance, the HTML for the valid case will look like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Input validation example 1</title>
</head>
<body>
<h1>Input validation example 1</h1>
<p>
Hello! Please fill in the CGI FORM below and click <i>Send</i> button.
<br>
<form action="Verify" method="post">
<center>
<table border="1">
<tr>
<td>E-mail:</td>
<td><input type="text" name="email" value=""></td>
</tr>
<tr>
<td>Age:</td>
<td><input type="text" name="age" value=""></td>
</tr>
<tr><td colspan="2" align="center"><input type="submit" name="button" value="Send">
</td></tr>
</table>
</center>
</form>
</p>
</body>
</html>
|
[HTML for the valid case]
And the HTML for the invalid case will look like this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Input validation example 1</title>
</head>
<body>
<h1>Input validation example 1</h1>
<p>
Hello! Please fill in the CGI FORM below and click <i>Send</i> button.
<br>
<form action="Verify" method="post">
<center>
<table border="1">
<tr>
<td><font color="#ff0000">E-mail. ex)foo@bar.com </font>:</td>
<td><input type="text" name="email" value=""></td>
</tr>
<tr>
<td><font color="#ff0000">Age. Only 0-9 </font>:</td>
<td><input type="text" name="age" value=""></td>
</tr>
<tr><td colspan="2" align="center"><input type="submit" name="button" value="Send">
</td></tr>
</table>
</center>
</form>
</p>
</body>
</html>
|
[HTML for the invalid case]
As you see, these HTML do not include any fragment related with JSP and custom tag libraries.
Only the remarkable point is that the second HTML includes the messages (and the HTML tags) as if all the inputs are invalid or missing.
Any web designers (or page authors) in the real world can write these HTML in their favorite ways.
They do not need to learn even a bit of JSP/JSTL!
As for Localization (L10n), what you need are pairs of the normal HTML, i.e. each pair of the normal HTML will include the localized messages for the intended Locale.
Then, based on each pair of HTML, you can generate the XML for each Locale.
In case of WAP service development, what you need is a pair of XHTML, WML or HDML.
You need not implement any custom tag libraries for rendering the response for XHTML, WML or HDML.
Once a pair of the HTML is finished by web designers (or page authors), it's time to work for you (Java programmer).
This is the step-by-step tutorial about how to use HtmlToXml converter.
Through this tutorial, we will work on the above 2 HTML as an example.
XML Editor : HtmlToXmlEdit...
Once you convert a pair of HTML into the XML, you can edit it by HtmlToXmlEdit.
By this the XML editor, you can view/edit each element in the XML, or append/insert the new element into the XML.
Or, it may be the good starting point to walk through the existing XML by HtmlToXmlEdit.
Please download your favorite example from our web site and explore the XML in it.
Then, you can grasp the whole image of this XML.
Anyway, we recommend you also to read through the tutorial of HtmlToXmlEdit before going ahead. (It will not take more than 5 minutes.)
Template XML for dynamic response...
HtmlToXml can also generate the template for the dynamic response.
The template XML is simpler than the XML for the input validation, because the validity of each value does not matter.
By the help of the Java API by OOP-Reserch (such as ViewGenerator), your Servlet can insert the arbitrary values between the tag groups in the template XML.
And your Servlet can send the concatenated tags back to the web browser.
For instance, your Servlet may query the SQL table and insert the selected data between the tag groups of the template XML.
For details about how to generate template XML, please read another tutorial.
Java and all Java-based trademarks and logos are trademarks or registered of Sun Microsystems, Inc. in the United States and other countries.
ALL CONTENTS COPYRIGHT 2005, OOP-Reserch Corporation. All rights reserved.
Any questions and comments are welcome to
OOP-Reserch Corporation
.
