clients)
As part of the process, I thought I would give the html a mid-life upgrade,
ie. remove much of the tag-soup, replace with CSS and validate.
I haven't got much time to spend perfecting it, but I thought with a little
bit of effort I could transform the app into something approximating a
professional application.
The app use 3 frame layout: header, options (menu) and content frames. [No,
I'm not introducing full CSS-P at this stage]
Tackling the Options page first, I've hit a few validation errors:
1) Line 16, column 195: document type does not allow element "INPUT" here;
missing one of "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV",
"ADDRESS" start-tag
This occurs for each <input> tag in the form.
2) Line 13, column 90: there is no attribute "TARGET"
This is refering to the <form> tag. How do I specifiy the target frame
without this?
3) Line 22, column 9: end tag for "FORM" which is not finished
This refers to the </form> tag - I assume this is grumbling about an empty
form (since all other tags within fail validation)
Below is the source - sorry it's from a DB driven intranet site, so it's
difficult to post a live link rather than code.
Cheers
Chris
>>>>>>>>>>> >>>>>>>>>>>>> >
Source:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>SND: Options</title>
<link rel="stylesheet " type="text/css" href="Eminox.cs s">
<script type="text/javascript" src="scripts/Submit.js" defer></script>
<script type="text/javascript" src="scripts/validation.js" defer></script>
</head>
<body>
<div id="options2">
<form method="post" id="frmOptions " name="frmOption s" class="options"
action="" target="content ">
<input class="btn" onclick="Submit SN(frmOptions,' start.asp');"
type="button" value="Home" title="Back to Homepage" id=Home" name="Home">
<input type="text" id="SerialNo" name="SerialNo" size="9"
onkeypress="frm Options.action= 'ViewSerial.asp ?id='+frmOption s.SerialNo.valu e
;" datatype="alpha ">
<input size="" type="submit" id="Submit1" value="View" name="ViewSN"
onclick='return validate(this.f orm, "ViewSerial.asp ?id=" +
frmOptions.Seri alNo.value);' class="btn" title="View Serial No">
<input onclick='return validate(this.f orm, "CheckSerial.as p?id=" +
frmOptions.Seri alNo.value);' class="btn" type="submit" id="Submit2"
value="Add/Edit" name="Add/Edit" title="Add or Edit Serial No">
<input onclick='return validate(this.f orm, "XferSerial.asp ?id=" +
frmOptions.Seri alNo.value);' class="btn" type="submit" id="Transfer"
value="Transfer " name="Transfer" title="Transfer Serial No">
<input onclick='return validate(this.f orm, "InvoiceSerial. asp?id=" +
frmOptions.Seri alNo.value);' class="btn" type="submit" id="Invoice"
value="Invoice" name="Invoice" title="Invoice Serial No">
<input onclick='return validate(this.f orm, "ChangePwd.asp" );'
class="btn_sml" type="submit" id="ChPwd" value="Change Pwd" name="ChPwd"
title="Change Password">
<input onclick='return validate(this.f orm, "Logout.asp ");'
class="btn_sml" type="submit" value="Logout" name="Logout" title="Logout"
id="Submit3">
</form>
</div>
</body>
</html>