Hi! I need some help with a school workshop. It's one simple task. This has something to do with password. I have already done a password protection through prompt but this time, i do not want it to prompt. The user will input the username and password on a single html page.
I am supposed to make an html page which contains a textbox and a password input type and also a login button. The user must input a username and password. Upon clicking the login button, if both password and username are correct, a small window with specific length and width pops-up. If either of the username or passord is incorrect, the user the window will not popup.
I cant seem to proceed to the popup window due to the login process problem.
Here is what i did:
<html>
<script type="text/javascript">
function prodS()
{
myuname="juan";
mypass="123";
if (uname==myuname && pword==mypass)
{
hT=375; wX=350;
h=screen.height; w=screen.width;
y=(h/2)-(hT/2); x=(w/2)-(wX/2);
window.open("prodS.html","_blank","height="+hT+",width="+wX+",top="+y+",left="+x);
}
}
</script>
<body>
Product Specifications Calculator <hr>
Username: <input type="text" id="uname"><br>
Password: <input type="password" id="pword">
<hr>
<input type="button" value="Log in" id="login" onClick="prodS();">
</body>
</html>
How could i get through with this? Pls help... And thank you in advance!