Stänga en popupruta? (login-fönster)

2 svar · 297 visningar · startad av Tompa5 2 juni 2004

Tompa5Medlem sedan aug. 200241 inlägg

Frågan2 juni 2004 12:05#1

Hej!
Nu har jag sökt förgäves en stund här.

Jag har en sida som jag vill lösenordsskydda.
När man klickar på länken logga in så ska ett popupfönster hoppa upp (inga problem hittils).

I popupen så fyller man i användarnamn och lösenord och klickar på "logga in" (inga problem)

Tanken är att den lösenordsskyddade sidan ska dyka upp i fönstret bakom popupen och popupen ska stängas (Problem!! )

Hur ska jag lösa detta?

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT LANGUAGE="JavaScript">

function Login(){
var done=0;
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="1" && password=="1") { window.location="page1.htm"; done=1; }
if (done==0) { alert("Invalid login!"); }
}

</SCRIPT>
</head>

<body>
<center>
<form name=login>
<table width=225 border=1 cellpadding=3>
<tr><td colspan=2><center><font size="+2"><b>Aha! Logga in</b></font></center></td></tr>
<tr><td>Username:</td><td><input type=text name=username></td></tr>
<tr><td>Password:</td><td><input type=text name=password></td></tr>
<tr><td colspan=2 align=center><input type="button" value="Logga in" onclick="window.open('page1.htm','_blank');"></td></tr>
</table>
</form>
</center>

<p>
</body>
</html>

Tacksam för lite hjälp :)

Tack på förhand / Tompa5

nitro2k01Medlem sedan aug. 20039 340 inlägg

2 juni 2004 12:48#2

if (username=="1" && password=="1") { [b]window.opener[/b].window.location="page1.htm"; done=1; }

Så kanske du ska byta ut ...

onclick="window.open('page1.htm','_blank');"

... mot ...

onclick="Login();"

... ?

PalleMedlem sedan apr. 20003 174 inlägg

2 juni 2004 13:10#3

Nu får jag ju hoppas att detta inte är en permanent lösning då ett inloggningscript på klientnivå är busenkelt att ta sig igenom.. ;)

Hur eller hur - här tror jag att jag har lösningen på ditt problem.

[red]<html>
<head>

	<title>Untitled Document</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<SCRIPT LANGUAGE="JavaScript">
	function Login()
	{
		var username = document.login.username.value.toLowerCase();
		var password = document.login.password.value.toLowerCase();
		if (username == "1" && password == "1")
		{
			window.opener.window.location = "page1.htm";
			self.close();
		}
		else
		{
			alert("Invalid login!");
			return false;
		}

	}
	</SCRIPT>

</head>
<body>

<p>
<center>
<form name="login" onsubmit="return Login();">
	<table width=225 border=1 cellpadding=3>
	<tr><td colspan=2><center><font size="+2"><b>Aha! Logga in</b></font></center></td></tr>
	<tr><td>Username:</td><td><input type=text name=username></td></tr>
	<tr><td>Password:</td><td><input type=text name=password></td></tr>
	<tr><td colspan=2 align=center><input type="submit" value="Logga in"></td></tr>
	</table>
	</form>
</center>
</p>

</body>
</html>[/red]