[Resolvido] Sistema de Login No Nome!

[Juliano Castilho 0]

Algem sabe como fazer um sistema de login sem dar refresh na pagina?

 

 

Obrigado! ^_^

[Andrey Knupp Vital 136]

Não entendi , fazer o login e exibir o nome de usuario ? :D

 

Bem Vindo ao Forum !

[Juliano Castilho 0]

Sim #Andrey Knupp , Exatamente Isso , porem Sem Refresh

[Andrey Knupp Vital 136]

Então vai ter que usar Ajax , você ja tem algo pronto ai ?? as tabelas SQL etc ? :)

[Juliano Castilho 0]

Não , sou iniciante em Php rsrs , se puder me ajudar e me ensinar tambem :D fico muito grato

[Andrey Knupp Vital 136]

Ok .. fiz correndo aqui não testei , os erros caso ocorrerem poste aqui :D

 

va ate seu SGBD .. PhpMyAdmin ou a ferramenta que você usa pra gerenciar banco , execute o seguinte SQL

CREATE DATABASE `storage`;
CREATE TABLE  `storage`.`login` (
`codigo` INT NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`login` VARCHAR( 50 ) NOT NULL ,
`senha` VARCHAR( 50 ) NOT NULL ,
`usuario` VARCHAR( 32 ) NOT NULL
) ENGINE = MYISAM ;

INSERT INTO  `storage`.`login` (
`codigo` ,
`login` ,
`senha` ,
`usuario`
)
VALUES (
NULL ,  '1',  '1',  'Teste'
);

 

Depois crie as paginas em php

 

pagina login.php

 

coloque o seguinte

 

<?php session_start(); // inicia funçoes de sessão ?>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){

	 $("#logar").click(function(){

	     var login = $("#login").val(); // pega o valor do campo login
		 var senha = $("#senha").val(); // pega o valor do campo senha 

		    $.ajax({

			   type: "POST", // metodo de envio
			   url: "auth.php", // pagina que vai enviar os dados 
			   data: "login="+login+"&senha="+senha, // parametros QueryString
			   beforeSend: function(){ // antes de enviar -- tem essa frescura aqui heheh
			      $("#res").html("<img src=\"http://images.nirmaltv.com/images/generatorphp-thumb.gif\" width=\"50px\" height=\"50px\"><br />Logando ...");
			   },
			   success: function(data){ // se tudo correr bem , imprime ou mostra alertas na pagina 
			      $("#res").html(data); // #res = div que vai imprimir os resultados
			   }

			}); 
	 });
    });
</script>
<?php
 if($_SESSION['logado'] == '1'){ 
    $display = 'display:none;';
 echo '<center>Bem Vindo '.$_SESSION['usuario'].'<br /> Caso Deseje Sair Clique <a href="login.php?action=logout">Aqui</a> Para Sair</center>';
 }
 if($_GET['action'] == 'logout'){
   session_destroy(); // destroy as sessoes 
 }
?>
<center><div style="<?php echo ''.$display.'' ?>"><form>
<table border="0" cellspacing="0" cellpading="0" width="25%">
<tr>
  <td width="25%" align="right"> Login</td>
  <td width="50%"> <input type="text" id="login" size="20"></td>
</tr>
<tr>
  <td align="right"> Senha</td>
  <td> <input type="text" id="senha" size="20"></td>
</tr>
<tr>
  <td align="right"> <input type="button" id="logar" value="Login"></td>
  <td> <input type="reset" value="Apagar"></td>
</tr>
<tr> 
  <td></td>
  <td></td>
</tr>
</table>
</form></div>
<div id="res"></div></center>

 

 

pagina auth.php

 

<?php
session_start();
sleep(1);
if($_SESSION['logado'] == '1'){
 echo '<script>alert("Voce Ja Esta Logado")</script>';
 exit();
}
$connecta = mysql_connect("localhost","root","");
$database = mysql_select_db("storage");
    if(!$connecta || !$database)
    {
     echo 'Não Foi Posivel Realizar Uma Conexção Com o Banco De Dados';
  exit();
    }
   $login = mysql_real_escape_string(strip_tags($_POST['login']));
   $senha = mysql_real_escape_string(strip_tags($_POST['senha']));


	  $verifica = mysql_query("select * from `login` where `login` = '".$login."' and `senha` = '".$senha."'");
	  $userdata = mysql_query("select * from `login` where `login` = '".$login."' and `senha` = '".$senha."'");
	  $dadosusr = mysql_fetch_array($userdata);
	  if(mysql_num_rows($verifica) == 0)
	     {
	        echo '<script>alert("Usuario Ou Senha Invalidos (:")</script>';
			exit();
	     }else
		   {
		     $_SESSION['login'] = $dadosusr['login'];
			 $_SESSION['senha'] = $dadosusr['senha'];
			 $_SESSION['usuario'] = $dadosusr['usuario'];
			 $_SESSION['logado'] = '1';
			 echo 'Bem Vindo '.$_SESSION['usuario'].'';
		   }

?>

 

a pagina auth php ja tinha pronta :( so editei algumas coisas para uso do ajax nela

[Juliano Castilho 0]

Obrigado Muito Mesmo Andrey Knupp, Foi exatamente isso que eu queria , saiu perfeitamente , agora vou fazer minhas ediçoes aqui e posto as duvidas aqui , valeu

[Andrey Knupp Vital 136]

De nada , qualquer coisa tamo ai . ^^ :clap:

 

Abraços ~ Boa Sorte .! ;)

[chlins 1]

Pessoal,

Preciso fazer meu login: nesta página

O login está em "Central do anunciante" e gostaria que tudo seja feito nesta área, sem a necessidade de abrir páginas para login, tipo:

1. O anunciante que já fez seu cadastro, entra com seu login nesta área e abre-se o painel adm.
2. Se o login ou a senha estiver errado, na parte do meio, ao lado do login aparecerá a mensagem de erro.
3. Se ele usar o recurso esqueci a senha, no mesmo local "meio", ao lado do login aparecerá o campo para digitar o email, afim de receber a senha.

Não precisa nem citar que se o login não tiver sucesso, a barra de login não fecha, aguarda a ação do cliente usar: repetir, usar o esqueci a senha.

 

Não tenho experiência em PHP nem JS para tal. Quem tiver algo parecido...

 

Obs.: Dexei apenas a tela de input para esqueci a senha visível, a de mensagem de erro está com "display: none" no CSS, talvez seja melhor ocultar isso no html?

 

<div id="slide-panel">
<div class="info_login">
<h2>Login</h2>
<p>» Se você é anunciante, faça o login</p>
<p>» Se ainda não é, acesse aqui » <a href="anuncieaqui.html" title="Anuncie aqui" >Anuncie aqui</a></p>
</div>
	<div class="erro_login">
<h2>Atenção</h2>
<p>» Usuário ou senha não confere</p>
<p>» Se esqueceu a senha, tente o recurso ao lado »»</p>
</div> 

<div class="esqueci_senha">
<p>Para recuperar sua senha:</p>
<form class="" method="post" action="" enctype="multipart/form-data" />
		<label>
		<input name="email" type="text" id="email" size="30" maxlength="25" placeholder="Digite seu email" value=""  />
		</label>
       	<input type="submit" name="recupera" id="recupera" class="submit" value="ok" />
</form>
<span>A senha será enviada para seu email</span>
</div>    	

<form class="login" method="post" action="" enctype="multipart/form-data" />
<label>
		<span class="user_senha">Email</span><br />
		<input type="text" name="user_login" id="user" size="13" maxlength="40" value="" tabindex="1" />
</label>
<label>
		<span class="user_senha">Senha</span><br />
		<input name="password" type="password" id="password" size="13" maxlength="40" tabindex="2" />
</label>
	<input name="re" type="hidden" value="" />
	<input type="hidden" name="" value="" />

	<input type="submit" name="login" id="login" class="submit" value="Login »" tabindex="4" />

<div class="lembrar">
	<label>
		<input name="lembrar" type="checkbox" id="lembrar" value="1" tabindex="3" />
		<span>Lembrar senha</span>  -  <a href="">Esqueci a senha</a>
	</label>
</div><!--FECHA LEMBRAR-->
</form>

</div><!---------------------------SLIDE PANEL ENDS-------------------------------->