[RESOLVED] Login Pass

**dlep2x2** · 01-16-2011, 04:16 PM

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:

Code:

<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!

**thraddash** · 01-16-2011, 04:25 PM

HTML Code:

<html>
	<head>
		<script type="text/javascript">
			function prodS()
			{
				var myuname = "juan";
				var mypass  = "123";
				if (document.getElementById('uname').value == myuname && document.getElementById('pword').value == mypass) {
					var
						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>
	</head>
	<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>

**aj_nsc** · 01-16-2011, 04:28 PM

So you're saying if uname=myuname and pword = pass, open the window. That's all good, because myuname = 'juan' and pword = '123' (as specified in your script), but what are the variables uname and pass equal to?

**tirna** · 01-16-2011, 06:09 PM

your prodS() needs to get the values from the username/password textboxes

Code:

 
var username = document.getElementById('uname').value;
var password= document.getElementById('pword').value;

**dlep2x2** · 01-16-2011, 08:30 PM

hey!
Thraddash, aj_nsc and tirna!
Thanks for the help... now i get it... Its working now! I completely forgot about that "var" thing!!!
We'll, thanks for helping one stupid noob here! LOL!

Thread: [RESOLVED] Login Pass

Thread Tools

Display

[RESOLVED] Login Pass

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions