How do I make the following code portable for browsers other than Internet Explorer?
I have a source code that works well on Internet Explorer,but fails to work on Chrome or Firefox. I want to make it portable.Please Help.
<html>
<head>
<title>Login</title>
<script language="javascript">
function valUser(){
xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async = "false";
xmlDoc.onreadystatechange = functory;
xmlDoc.load("normal.xml");
}
function functory(){
var u = document.forms[0].user.value;
var p = document.forms[0].pwd.value;
if(xmlDoc.readyState == 4){
xmlObj = xmlDoc.documentElement;
var len = xmlObj.childNodes.length;
for(i = 0; i < len; i++)
{
var nodeElement = xmlObj.childNodes[i];
var ux = nodeElement.childNodes[0].firstChild.nodeValue;
var mx = nodeElement.childNodes[1].firstChild.nodeValue;
var ex = nodeElement.childNodes[2].firstChild.nodeValue;
var px = nodeElement.childNodes[3].firstChild.nodeValue;
if((ux == u)&&(px == p)){
userDetails(ux,mx,ex)
}
else {
var divInvalid = document.getElementById('invalid');
divInvalid.innerHTML = "<b>Invalid Username or password</b>";
}
}
}
}
function userDetails(u,m,e){
var newWindow = window.open("", "_self", "height=250,width=250,toolbar=yes,scrollbar=yes,status=yes");
var content = "<html><head><title>Intro</title></head><h1 align='center'><font face='Lucida Handwriting' color='red'>Welcome To GlenMark Pharma</h1></font>";
content += "<body>";
content += "<table align='center'border='1'><tr><th>ENAME</th><th>Mobile</th><th>Email</th></tr>";
content += "<tr><td>"+u+"</td><td>"+m+"</td><td>"+e+"</td></tr></table>";
content += "<div style='postion:absolute;top:10px;right:5px'><a href='logout.html'>LOgout</a></div>";
content += "</body></html>";
newWindow.document.write(content);
newWindow.blur();
}
</script>
</head>
<body >
<div style="position:absolute;left:0px;top:0px;">
<img src="login.jpg" height="650"></img>
<div style="font-family:Monotype Corsiva;position:absolute;left:640px;top:250px;"><h1><font color="0066FF">Employee Login</font></h1></div>
</div>
<form method="post" action="ret.html" name="frmGlenMark">
<div style="position:absolute;left:640px;top:325px">
&开发者_开发技巧lt;input type="text" name="user" size="25">
</div>
<div style="position:absolute;left:640px;top:355px">
<input type="password" name="pwd" size="25">
</div>
<div style="position:absolute;left:640px;top:385px">
<input type="Button" value="Login" onClick="valUser()">
</div>
<div id="invalid" style="position:absolute;left:640px;top:410px"></div>
<!--
<div style="position:absolute;left:705px;top:385px">
<input type="reset" name="Reset">
</div>
-->
</form>
</body>
</html>
Uncaught ReferenceError: ActiveXObject is not defined --> this is the error I get.
I have tried the following to make it portable but I still get errors. like:
function valUser(){
if(window.XMLHttpRequest)
{
xhttp = new XMLHttpRequest();
}
else
{
xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.open("GET","normal.xml",false);
xhttp.send();
xmlDoc=xhttp.responseXML;
onreadystatechange = functory;
}
Uncaught TypeError: DOM object constructor cannot be called as a function.
function loadXMLDocErr(dname)
{
try //Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.load(dname);
if (xmlDoc.parseError.errorCode != 0)
{
alert("Error in line " + xmlDoc.parseError.line +
" position " + xmlDoc.parseError.linePos +
"\nError Code: " + xmlDoc.parseError.errorCode +
"\nError Reason: " + xmlDoc.parseError.reason +
"Error Line: " + xmlDoc.parseError.srcText);
return(null);
}
}
catch(e)
{
try //Firefox
{
xmlDoc=document.implementation.createDocument("","",null);
xmlDoc.async=false;
xmlDoc.load(dname);
if (xmlDoc.documentElement.nodeName=="parsererror")
{
alert(xmlDoc.documentElement.childNodes[0].nodeValue);
return(null);
}
}
catch(e) {alert(e.message)}
}
try
{
return(xmlDoc);
}
catch(e) {alert(e.message)}
return(null);
}
加载中,请稍侯......
精彩评论