↑
Main Page
final step
}
};
</script>
</head>
<body>
<form method=”post” action=”DoLogin.jsp”>
<div style=”border: 2px dashed blue; background-color: #dedede; height:
300px; padding: 10px”>
<div id=”divError” style=”position: absolute; left: 20px; top:
100px; “>
This Web application requires one of the following:
<ul>
<li>Internet Explorer 5.5 or higher for Windows</li>
<li>Mozilla 1.0 or higher for Unix</li>
<li>Safari 1.0 or higher for Macintosh</li>
</ul>
</div>
<div id=”divLogin” style=”position: absolute; left: 20px; top:
100px; visibility: hidden”>
<table border=”0” width=”100%” height=”100%”><tr><td
align=”center”>
<table border=”0”>
<tr>
<td>Username:</td><td><input type=”text”
name=”txtUsername” /></td>
</tr>
<tr>
<td>Password:</td><td><input type=”password”
name=”txtPassword” /></td>
</tr>
<tr>
<td> </td><td><input type=”Submit” value=”Login”
/></td>
</tr>
</table>
</td></tr></table>
</div>
</div>
</form>
</body>
</html>
As a final step, you can include a special notice just in case the user doesn’t have JavaScript or has dis-
abled it. To do this, you use the
<noscript/>
tag. Any text within the
<noscript/>
tag is ignored if the
browser supports JavaScript. If the browser doesn’t support it (or has it disabled), then the text is dis-
played normally. This should be place in
divError
just after the
<ul/>
element:
<html>
<head>
<title>Login</title>
<script type=”text/javascript” src=”detect.js”></script>
<script type=”text/javascript”>
window.onload = function () {
if ((isMinIE5_5 && isWin) || (isMinMoz1 && isUnix)
255
Browser and Operating System Detection
11_579088 ch08.qxd 3/28/05 11:38 AM Page 255
Free JavaScript Editor
Ajax Editor
©
→