www.webdeveloper.com
Results 1 to 5 of 5

Thread: [RESOLVED] Login Pass

  1. #1
    Join Date
    Jan 2011
    Location
    Philippines
    Posts
    15

    resolved [RESOLVED] Login Pass

    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!
    Big things come in small packages

  2. #2
    Join Date
    Aug 2009
    Posts
    593
    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>

  3. #3
    Join Date
    Dec 2005
    Posts
    2,984
    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?
    I've switched careers...
    I'm NO LONGER a scientist,
    but now a web developer...
    awesome.

  4. #4
    Join Date
    Mar 2010
    Posts
    2,803
    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;

  5. #5
    Join Date
    Jan 2011
    Location
    Philippines
    Posts
    15
    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!
    Big things come in small packages

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles