Bonjour,
J'ai trouvé sur internet un petit script bien sympas qui permettrai la connexion par login/mdp.
(ici même:
http://blog.arnaud-k.fr/2009/developpement-web/tutorial-connexion-en-ajax-avec-jquery-et-php/)
Donc il se compose de un HTML:
Code HTML :
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Formulaire de connexion en Ajax avec JQuery et PHP</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready( function () {
$("#connexionForm").submit( function() {
$.ajax({
type: "POST",
url: "login.php",
data: "login="+$("#login").val()+"&pass="+$("#pass").val(),
success: function(msg){
//alert(msg);
if(msg==1) // si la connexion en php a fonctionnée
{
$("div#connexion").html("<span id=\"confirmMsg\">Vous êtes maintenant connecté.</span>");
// on désactive l'affichage du formulaire et on affiche un message de bienvenue à la place
}
else // si la connexion en php n'a pas fonctionnée
{
$("span#erreur").html("<img src=\"bomb.png\" style=\"float:left;\" /> Erreur lors de la connexion, veuillez vérifier votre login et votre mot de passe.");
// on affiche un message d'erreur dans le span prévu à cet effet
}
}
});
return false;
});
});
</script>
<style>
/* mise en forme de la page */
.center {text-align:center;}
a.lien { color:#2193BD; font-weight:bold; font-size:1.2em; text-decoration:underline; }
a.lien:hover { color:#333; }
div#container { width:600px; margin:100px auto; padding:25px; border:1px solid #bbb; }
div#connexion fieldset{ margin-bottom: 15px;padding: 0 10px; background: #f2f2f2; border: 0; }
div#connexion legend{ padding: 5px; background: #2193bd; font-weight: bold; color: #fff; }
div#connexion label{ width:150px; display:block; float:left; }
div#connexion input.bouton { cursor:pointer; background:#2193bd url(asterisk_yellow.png) no-repeat 5px 50%; padding:4px 10px; color:#fff; border:none; font-weight:bold; padding-left:20px; }
div#connexion span#erreur {color:#f00; font-weight:bold; font-size:0.8em; }
div#connexion span#confirmMsg {color:#2193bd; font-weight:bold; font-size:0.8em; background: url(asterisk_yellow.png) no-repeat 0 -1px; padding-left:20px; line-height:18px; }
</style>
</head>
<body>
<a href="http://blog.arnaud-k.fr/" title="blog.arnaud-k.fr" class="lien">Retour au blog</a>
<div id="container">
<div id="connexion"> <!-- bloc contenant le formulaire -->
<form name="connexionForm" id="connexionForm" action="#"><!-- début du formulaire de connexion -->
<fieldset>
<legend>Connexion</legend><!-- titre du formulaire -->
<p>
<span id="erreur"></span><!-- span qui contiendra les éventuels messages d'erreur -->
</p>
<p>
<label for="login">Nom d'utilisateur :</label>
<input type="text" name="login" id="login" /><!-- champ pour le login -->
</p>
<p>
<label for="pass">Mot de passe :</label>
<input type="password" name="pass" id="pass" /><!-- champ pour le mot de passe -->
</p>
<p class="center">
<input type="submit" value="Je me connecte" class="bouton" /><!-- bouton de connexion -->
</p>
</fieldset>
</form><!-- fin du formulaire -->
</div><!-- fin du bloc contenant le formulaire -->
<div id="contenu">
<img src="7.jpg" alt="auckland depuis le mont Eden" style="margin:20px; float:left" />
<p>Auckland, située dans l'île du Nord en Nouvelle-Zélande, est la plus grande zone urbaine du pays. Elle est la ville la plus peuplée de Nouvelle-Zélande avec environ 1 300 000 habitants (soit plus d'un quart de la population du pays), et les données démographiques indiquent qu'elle continuera à croître plus rapidement que le reste du pays. Auckland abrite également le plus grand nombre de personnes d'origine polynésienne que toute autre ville du monde.</p>
</div>
</div>
</body>
</html>
Et puis bien sur d'un PHP:
Code PHP :
<?php
// connexion dans la base de données
$link = mysql_connect("localhost", "root", "")
or die("Impossible de se connecter : " . mysql_error());
mysql_select_db("nomDeMaBase");
$result = mysql_query("SELECT login, pass, id FROM membres WHERE login = '$_POST[login]' AND pass = '$_POST[pass]'");
$membre = mysql_fetch_assoc($result);
//if(($_POST[login]==$membre[login])&&($_POST[pass]==$membre[pass]))
if(($_POST[login]=="test")&&($_POST[pass]=="ajax"))
{
setcookie("id",$membre[id]); // genere un cookie contenant l'id du membre
setcookie("login",$membre[login]); // genere un cookie contenant le login du membre
echo "1"; // on 'retourne' la valeur 1 au javascript si la connexion est bonne
}
else
{
echo "0"; // on 'retourne' la valeur 0 au javascript si la connexion n'est pas bonne
}
?>
Mais voilà quand je test le HTML et que je rentre le login/mdp "test"/"ajax" il me dit que c'est pas le bon!
Donc il doit avoir une erreur mais je ne vois pas où??
MERCIIII
all html : Le portail des webmaster
Message publié le jeudi 19 novembre 2009 à 14 h 51 par shadow578.