Salut à tous ! Après avoir lu differents tutos et testé des scripts, jai essayé moi meme AJAX. Mais ça passe pas trop
J’ai 3 scripts; le premier est le formulaire que voici :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml?quot; xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/HTML; charset=iso-8859-15" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Language" content="fr" />
<title>Identification avec XmlHttpRequest?</title>
<script type="text/javascript" src="verif.js"></script>
</head>
<body>
<form action="prout.php" method="POST" id="frmIdentification">
<fieldset>
<legend>Connexion</legend>
<label for="txtLogin">Login</label>
<input type="text" value="" name="login" id="txtLogin" />
<label for="txtPassword">Mot de passe</label>
<input type="text" value="" name="password" id="txtPassword" />
<input type="submit" value="Connexion" />
<div id="pseudobox"></div><div id="pseudobox2"></div><div id="pseudobox3"></div>
</fieldset>
</form>
</body>
</html?gt;
le deuxième est le script .js pour faire les controles;
// JavaScript Document
function writediv(texte)
{
document.getElementById('pseudobox').innerHTML = texte;
}
function writediv2(texte)
{
document.getElementById('pseudobox2').innerHTML = texte;
}
function writediv3(texte)
{
document.getElementById('pseudobox3').innerHTML = texte;
}
window.onload = function()
{
//on associe la fonction verif à
//l'événénement onsubmit du formulaire
document.getElementById('frmIdentification').onsubmit = verif;
}
function verif()
{
nberreur=0;
login=document.getElementById('txtLogin').value;
password=document.getElementById('txtPassword').value;
if (login=="")
{
writediv("pas de login !<br />");
nberreur++;
}
else
{
/* On crée l'instance de l'objet XMLHTTPRequest */
var mon_objet = new Object;
/* Si c'est Mozilla/Firefox/Nescape/opera/safari */
if(window.XMLHttpRequest)
mon_objet = new XMLHttpRequest();
/* Si c'est [Internet Explorer](http://www.clubic.com/telecharger-fiche18706-internet-explorer.html) */
else if(window.ActiveXObject)
mon_objet = new ActiveXObject("Microsoft.XMLHTTP");
/* Si aucun navigateur compatible avec XMLHttpRequest, on le signale */
else
{
writediv("Votre navigateur ne supporte pas les objets XMLHTTPRequest... Veuillez mettre à jour votre navigateur");
}
/* on spécifie la méthode, l'URL et le type de transmission */
mon_objet.open("POST","test.php",true);
/* On spécifie la fonction à exécuter */
mon_objet.onreadystatechange = function()
{
/* si on a reçu la réponse */
if(mon_objet.readyState == 4)
{
/* on reçoit les données et on les affiche*/
writediv(mon_objet.responseText);
}
}
/* On précise l'encodage en spécifiant l'en-tête adéquat (seulement avec POST) */
mon_objet.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
/* on crée les données à transmettre */
/* On envoie la requête avec les données */
var donnee = document.getElementById('txtLogin').value;
alert(donnee);
mon_objet.send(donnee);
}
if (password=="")
{
writediv2("pas de password !");
nberreur++;
}
if(nberreur==0)
{
return true;
}
else
{
return false;
}
}
Enfin le 3eme est le script php pour faire la vérification du pseudo (voir si il est deja pris)
<?php
/* On définit le type de fichier */
header("Content-type: text/html; charset=iso-8859-1");
if($_POST['login']=='ludo')
{
echo "Cest pas libre pour<br /> ".$_POST['login']."";
}
else
{
echo "Cest libre pour <br /> ".$_POST['login']."";
}
?>
le 3eme script est très simpliste; c’est juste pour un test, et je ferai la vérification avec une base de donnée plus tard; C’est la que ça ne marche pas comme je veux; il n’arrive pas à m’envoyée le contenu de la variable et je ne sais comment concaténer.
Alors si qqn pouvait m’aider, ce serait gentil; Et aussi est ce que je m’y prends bien dans mon script .js ??
Merci d’avance