Bonjour,
Comme TychoBrahe, te l'a dit, il manque le return dans le creationXHR().
Ensuite tu trouveras ci-dessous le code modifié dans un seul fichier. J'ai fait la modif sur le return.
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<!--<script type="text/javascript" src="fonctionAjax.js"></script>
<script type="text/javascript" src="fonctionMachine.js"></script> -->
<script type="text/javascript">
//var objetXHR;
function creationXHR(){
var xmlhttp;
if(window.XMLHttpRequest){
//pour tous les broswer ie,firefox,chrome,safari,opera,ie
xmlhttp = new XMLHttpRequest();
}
else{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlhttp;
}
function SupprimerContenu(element)
{
if(element !=null)
{
while(element.firstChild)
element.removeChild(element.firstChild);
}
}
function RemplacerContenu(id,texte)
{
var element = document.getElementById("resultat");
if(element !=null)
{
SupprimerContenu(element);
var nouveauContenu = document.createTextNode(texte);
element.appendChild(nouveauContenu);
}
}
function jouer()
{
objetXHR = creationXHR();
var temps = new Date().getTime();
//requete asynchrone et affectation anti cache
objetXHR.open("get","gainAleatoire.php?acticache="+temps,true);
//fonction de rappelle
objetXHR.onreadystatechange=ActualiserPage;
//gestion de bouttons
document.getElementById("button").disable=true;
document.getElementById("charge").style.visibility="visible";
//envoie de la requete
objetXHR.send();
}
function ActualiserPage()
{
if(objetXHR.readystate=4 && objetXHR.status==200)
{
var reponse = objetXHR.responseText;
//actualisation du resultat
//actualiser le contenu de l'element resultat avec reponse
RemplacerContenu("resultat", reponse);
//gestion du boutton et image
document.getElementById("button").disable=false;
document.getElementById("charge").style.visibility="hidden";
}
}
</script>
</head>
<body>
<div id="page">
<!-----------------ZONE DE TEXT------------------------------------------------------->
Bravo<span id="gagnant"></span>
Vous avez gagner<span id="resultat"></span>euros
</div>
<!------------------------------------------ZONE IMAGE-------------------------------->
<img id="charge" src="chargeur.gif" width="100" heigth="100"/>
<!----------------------Zone Formulaire----------------------------------------------->
<div id="formulaire">
<form method="GET">
indiquez votre nom:
<input type="text" />
avant de
<input type="button" id="button" onclick="jouer();" value="JOUER"/>
</form>
</div>
</body>
</html>
Cordialement,
Julien