Javascript codes: working only on Firefox...:( Can anyone search for errors plz..
home.html
<html>
<head>
<title>Home</title>
<script language="javascript" type="text/javascript" src="javascripts.js"></script>
<style type="text/css">
#login
{
background-color:#336699;
display:none;
border:2px solid;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
-o-border-radius:25px;
-ms-border-radius:25px;
}
#div1
{
float:right;
}
#button1
{
background-color:#CCFF33;
border:2px solid;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
-o-border-radius:25px;
-ms-border-radius:25px;
}
</style>
</head>
<body>
<span id="login" ></span>
<div id="div1">
<button id="button1" onclick="showhide(); login();">Login or SignUp</button>
</div>
</body>
</html>
javascript.js
function login()
{
document.getElementById('login').innerHTML=(
<table border="0" style="color:white;">
<tr>
<td>Your name or email address:</td>
<td><input type="text" name="txt_uname"/></td>
<td></td>
</tr>
<tr>
<td>Do you already have an account?</td>
<td><input type="radio" name="radio" onclick="create()"/>No, create an account now.</td>
</tr>
<tr>
<td></td>
<td><input type="radio" name="radio" onclick="normal()"/>Yes, my password is:</td>
</tr>
<tr>
<td></td>
<td><input type="password" name="txt_password" id="txt_password"/></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Log in" id="submit"/></td>
</tr>
</table>);
}
function showhide()
{
if(document.getElementById('login').style.display == "block")
document.getElementById('login').style.display = "none";
else
document.getElementById('login').style.display = "block";
}
function create()
{
document.getElementById('txt_password').style.display = "none";
document.getElementById('submit').value="Sign up";
}
function normal()
{
document.getElementById('txt_password').style.display = "block";
document.getElementById('submit').value="Log in";
}
<html>
<head>
<title>Home</title>
<script language="javascript" type="text/javascript" src="javascripts.js"></script>
<style type="text/css">
#login
{
background-color:#336699;
display:none;
border:2px solid;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
-o-border-radius:25px;
-ms-border-radius:25px;
}
#div1
{
float:right;
}
#button1
{
background-color:#CCFF33;
border:2px solid;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
-o-border-radius:25px;
-ms-border-radius:25px;
}
</style>
</head>
<body>
<span id="login" ></span>
<div id="div1">
<button id="button1" onclick="showhide(); login();">Login or SignUp</button>
</div>
</body>
</html>
javascript.js
function login()
{
document.getElementById('login').innerHTML=(
<table border="0" style="color:white;">
<tr>
<td>Your name or email address:</td>
<td><input type="text" name="txt_uname"/></td>
<td></td>
</tr>
<tr>
<td>Do you already have an account?</td>
<td><input type="radio" name="radio" onclick="create()"/>No, create an account now.</td>
</tr>
<tr>
<td></td>
<td><input type="radio" name="radio" onclick="normal()"/>Yes, my password is:</td>
</tr>
<tr>
<td></td>
<td><input type="password" name="txt_password" id="txt_password"/></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Log in" id="submit"/></td>
</tr>
</table>);
}
function showhide()
{
if(document.getElementById('login').style.display == "block")
document.getElementById('login').style.display = "none";
else
document.getElementById('login').style.display = "block";
}
function create()
{
document.getElementById('txt_password').style.display = "none";
document.getElementById('submit').value="Sign up";
}
function normal()
{
document.getElementById('txt_password').style.display = "block";
document.getElementById('submit').value="Log in";
}
0
