Comment chercher un pseudo lettre par lettre avec Ajax ?

 

par meltech1 |

     
Comment chercher un pseudo lettre par lettre avec Ajax ?

Avec Ajax le javascript peut interroger un serveur pour en sortir des données. Donc il est possible de vérifier si un pseudo est déjà pris ou pas dans les données du serveur. Pour interroger un serveur il y a le PHP et le javascript. Avec le programme suivant Ajax va demander à chaque lettre d'un pseudo choisi s'il existe ou pas dans les données du serveur.

Quelles sont les fournitures nécessaires ?

  • Internet Explorer
  • Logiciel bloc notes
  • Un serveur de données

Étapes de réalisation

1.

Commencez par programmer en PHP un programme qui va servir à chercher directement sur votre serveur si le pseudo existe ou pas. Ce programme sera stocké dans votre serveur sous le nom 'verifpseudo.php'. Voici son script :
<?
//
// VERIFICATION DU PSEUDO
//
// CONNECTION SQL
mysql_connect("localhost", "user", "password");
mysql_select_db("base");
// VERIFICATION
$result = mysql_query("SELECT pseudo FROM membres WHERE pseudo='".$_GET["pseudo"]."'");
if(mysql_num_rows($result)>=1)
echo "1";
else
echo "2";
?>

2.

Ensuite nous allons faire les fonctions qui vont vérifier en temps réel la disponibilité du pseudo. Ce script sera ajouté au site Internet "ajax.php" :
<script type="text/javascript">
function writediv(texte)
{
document.getElementById('pseudobox').innerHTML = texte;
}

function verifPseudo(pseudo)
{
if(pseudo != '')
{
if(pseudo.length<2)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> ce pseudo est trop court</span>');
else if(pseudo.length>30)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> ce pseudo est trop long</span>');
else if(texte = file('http://www.commentfaiton.com/verifpseudo.php?pseudo='+escape(pseudo)))
{
if(texte == 1)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> ce pseudo est deja pris</span>');
else if(texte == 2)
writediv('<span style="color:#1A7917"><b>'+pseudo+' :</b> ce pseudo est libre</span>');
else
writediv('');
}
}
}
function file(fichier)
{
if(window.XMLHttpRequest) // FIREFOX
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // IE
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else
return(false);
xhr_object.open("GET", fichier, false);
xhr_object.send(null);
if(xhr_object.readyState == 4) return(xhr_object.responseText);
else return(false);
}
</script>

3.

Pour terminer veuillez enregistrer ce script dans un programme en PHP en bonne et due forme :
<!doctype html public "-//w3c//dtd html 4.0 transitional//fr">
<html>
<head>
<title>CHERCHER UN PSEUDO AVEC AJAX</title>
<script type="text/javascript">
function writediv(texte)
{
document.getElementById('pseudobox').innerHTML = texte;
}
function verifPseudo(pseudo)
{
if(pseudo != '')
{
if(pseudo.length<2)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> ce pseudo est trop court</span>');
else if(pseudo.length>30)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> ce pseudo est trop long</span>');
else if(texte = file('http://www.commentfaiton.com/verifpseudo.php?pseudo='+escape(pseudo)))
{
if(texte == 1)
writediv('<span style="color:#cc0000"><b>'+pseudo+' :</b> ce pseudo est deja pris</span>');
else if(texte == 2)
writediv('<span style="color:#1A7917"><b>'+pseudo+' :</b> ce pseudo est libre</span>');
else
writediv(texte);
}
}
}
function file(fichier)
{
if(window.XMLHttpRequest) // FIREFOX
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // IE
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else
return(false);
xhr_object.open("GET", fichier, false);
xhr_object.send(null);
if(xhr_object.readyState == 4) return(xhr_object.responseText);
else return(false);
}
</script>
</head>
<body>
<form action="">
<input type="text" name="pseudo" onKeyUp="verifPseudo(this.value)" />
<div id="pseudobox"></div>
</form>
</body>
</html>

Astuces et mises en garde

Astuce(s) :

Vous pouvez remarquer que la page verifpseudo.php sera enregistrée dans le serveur PHP de commentfaiton.com. Pour modifier cet emplacement allez dans la balise <head>.

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on