Tcho à tous!
Je veux afficher une grille faite avec 100 images (10x10).
J'aimerais que quand je clique sur la 1ère image ça envoie une variable php avec "1", la 2ème "2" ...
J'avais d'abord fait des
Code HTML :
<input type=image src="img1.png" name="submit" value="img 1"/>
ce qui marche sous FireFox mais pas sous IE (on ne peut pas mettre de value à un bouton input)
On m'a suggéré de me mettre à l'apprentissage d'Ajax et java, mais j'avoue ne pas tout comprendre..
voici donc ma page.php, quand je clique sur
Code HTML :
<img src="img1.png" id="img1" onclick="go()"/>
ca execute la fonction go().
Ce que je veux c'est que ma page soit rechargée, et que ma variable php $num qui serait égal à 0 avant le click de l'image, passe à 1 ou à 2 suivant le numéro de l'image cliquée..
Code Javascript :
<script type='text/JavaScript'>
function getXhr(){
var xhr = null;
if(window.XMLHttpRequest) // Firefox et autres
xhr = new XMLHttpRequest();
else if(window.ActiveXObject){ // Internet Explorer
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
} else { // XMLHttpRequest non supporté par le navigateur
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
xhr = false;
}
return xhr
}
function go(){
var xhr = getXhr()
// On défini ce qu'on va faire quand on aura la réponse
xhr.onreadystatechange = function(){
// On ne fait quelque chose que si on a tout reçu et que le serveur est ok (statut=4)
if(xhr.readyState == 4 && xhr.status == 200){
var essai = xhr.responseText; //assigne la reponse à la variable essai
document.write("La valeur de la variable est ",essai); //affichage de la variable (qui est javascript et non php..)
}
}
xhr.open("GET","ajax.php",true);
xhr.send(null);
}
</script>
</head>
<body>
<?php
$num=0;
?>
<img src="img1.png" id="img1" onclick="go()"/>
<img src="img2.png" id="img2" onclick="go()"/><br/>
et ce script appel ajax.php qui contient:
Code PHP :
<?php
//comment récupérer l'id de l'image cliquée et recharger la page initale??
echo $num;
?>
J'ai honte car je sais qu'il y a plein de mélanges, mais je comprend pas comment faire pour que la page ajax.php puisse récupérer les variables en cours..
Je sais pas pourquoi mais je sens que je vais faire un site exclusivement pour FireFox moi...