Logowanie bez przeładowywania strony

Logowanie bez przeładowywania strony

grzesi00 Zobacz profil	22.04.2007, 09:40:33 Post #1
Grupa: Zarejestrowani Postów: 2 Pomógł: 0 Dołączył: 20.04.2007 Ostrzeżenie: (0%)	Witam, jestem świeżak, od razu ostrzegam Chciałbym stworzyć logowanie z wykorzystaniem advAJAX, które nie przeładowywało by strony. Mój plik HTML: [HTML] pobierz, plaintext <page contentType="text/html" page pageEncoding="UTF-8"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Strona Główna</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <link rel="stylesheet" href="style.css" type="text/css" /> <script src="./skrypty/advajax.js" type="text/javascript"></script> <script src="./skrypty/logowanie.js" type="text/javascript"></script> </head> <body onLoad="zaloguj"> <div id="ramka"> ... <h3 class="loginForm">Panel Logowania:</h3> <br /> <form id="loginForm" method="post" action="login.php"> <div class="loginForm" id="inputLogin"> <label for="username">Login: </label> <input id="username" type="text" size="10" /> </div> <div class="loginForm" id="inputHaslo"> <label for="password">Hasło: </label> <input id="password" type="password" size="10" /> <img src="./grafika/help.ico" onMouseOver="document.getElementById('password').type='text'" onMouseOut="document.getElementById('password').type='password'"> </div><!--inputHaslo--> <div id="buttonZaloguj" align="right"> <input id="eee" type="submit" value="Zaloguj" class="przyciski"/> </div><!--buttonZaloguj--> </form> ... </div><!--ramka--> </body> </html> [HTML] pobierz, plaintext logowanie.js : Kod function zaloguj(){ advAJAX.assign(document.getElementById("loginForm"), { onInitialization : function(obj) { obj.parameters["password"] = (obj.parameters["password"]); document.getElementById("eee").value = "Prosze czekac..."; document.getElementById("log").innerHTML = "username: " + obj.parameters["username"] + "<br />password: " + obj.parameters["password"]; }, onComplete : function() { document.getElementById("eee").value = "OK"; }, onSuccess : function(obj) { alert(obj.responseText); if (obj.responseText == "1") document.getElementById("log").innerHTML = "ZALOGOWANY"; else { alert("Nieprawidlowa nazwa uzytkownika lub haslo."); document.getElementById("password").value = ""; window.setTimeout("document.getElementById('password').focus();", 100); } }, onError : function(obj) { alert("Nie mozna nawiazac polaczenia z serwerem, spróbuj pózniej."); } }); } [PHP] pobierz, plaintext <?php $login = $_POST['username']; $haslo = $_POST['password']; if(($login == "poprawny")){ echo '1'; } else{ echo '0'; } ?> [PHP] pobierz, plaintext Na razie chciałem sprawdzać chociaż login czy wpisano: poprawny Za każdą krytykę na temat jestem oczywiście otwarty /btw podziękowania do kossy za już naniesione poprawki Ten post edytował grzesi00 22.04.2007, 09:42:48