return value to valiable

sniperscope · July 12, 2011

Hello

I want to make some login panel with ajax but have no idea where to start. Please let me explain a little what i want to do.

When a user type his login name i want to send(onblur()) typed value to db.php and returning value assign to a javascript valiable.

My login.php is:

<form name="loginform" id="loginform" method="post" action="">
<table width="300px" class="login" cellpadding="5" cellspacing="2" style="margin:auto;">
	<tr><td align="left" colspan="2"> </td></tr>
	<tr class="row2"><td class="login_lines">username</td>
		<td class="login_lines"><input id="user" type="text" name="user" size="20" onBlur="GotoAjax();" /></td></tr>
	<tr><td class="login_lines">password</td>
		<td class="login_lines"><input id="pass" type="password" name="pass" size="20" /></td></tr>
	<tr><td colspan="2" style="text-align: center"><input type="submit" value="login" class="input-button" /></td></tr>
</table>
</form>

And db.php is:

<?php
    include('../inc/cn.php');
    $SQL = mysql_query("SELECT * FROM users WHERE username = '" .$_POST['user']. "'");
    $ROW = mysql_fetch_array($SQL);
?>

i want to assign $ROW data into a javascript variable something like this :

login.php

<script language="text/javascript">
   function GotoAjax(){
   // AJAX MAY RUN HERE.
   }
   var id = <?php echo $ROW['id']; ?>;  // Return Value from Ajax query
   var username = <?php echo $ROW['username']; ?>;  // Return Value from Ajax query
   var mail = <?php echo $ROW['mail']; ?>;  // Return Value from Ajax query
...
...
... so on
</script>

How can i make this?

Regards

sniperscope · July 12, 2011

Okay i solved my problem something like this.

I hope this solution saves someones hours.

Regards

login.php :

<html>
<head>
<script type="text/javascript">
var servername = "";

function showUser(str)
{
	if (str=="")
	{
		return;
	}
	if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	}
	else
	{// code for IE6, IE5
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			servername = xmlhttp.responseText;
		}
	}
	xmlhttp.open("GET","check.php?domain="+str,true);
	xmlhttp.send();
}


function craftAction()
{
	document.getElementById("errorspace").innerHTML = '';
	var launch = 1;
	var output = false;

	if(document.loginform.domain.value == '')
	{
		document.getElementById("errorspace").innerHTML += '<font color=#FF0000><?php echo $LOGIN['error1']; ?></font><br />';
		launch = 0;
	}

	if(document.loginform.pass.value == '')
	{
		document.getElementById("errorspace").innerHTML += '<font color=#FF0000><?php echo $LOGIN['error3']; ?></font><br />';
		launch = 0;
	}

	if(document.loginform.user.value == '')
	{
		document.getElementById("errorspace").innerHTML += '<font color=#FF0000><?php echo $LOGIN['error2']; ?></font><br />';
		launch = 0;
	}

	if(launch == 0)
	{
		output = false;
	}
	else{
		var port = document.loginform.port.value;
		var theaction = "https://" + servername + ".winhostings.com:2083/login/"
		document.loginform.action = theaction;
		output = true;
	}

	return output;

}
</script>
</head>

<body>
<form name="loginform" id="loginform" method="post" action="">
<table width="300px" class="login" cellpadding="5" cellspacing="2" style="margin:auto;">
	<tr><td align="left" colspan="2"> </td></tr>
	<tr class="row2"><td class="login_lines">username</td>
		<td class="login_lines"><input id="user" type="text" name="user" size="20" onBlur="showUser(this.value);" /></td></tr>
	<tr><td class="login_lines">password</td>
		<td class="login_lines"><input id="pass" type="password" name="pass" size="20" /></td></tr>
	<tr><td colspan="2" style="text-align: center"><input type="submit" value="login" class="input-button" /></td></tr>
</table>
</form>
</body>
</html>

Sign In

return value to valiable

Recommended Posts

sniperscope

Link to comment

Share on other sites

sniperscope

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information