[résolu pour le moment :P] Ajax, aide svp

[V1nc3]

Bonjour,
Je vais vous présenter mon problème du jour ^^

Dans mon WiP j'ai besoin de créer une fonction javascript pour faire bouger mes persos sur la carte :

Code PHP :

<?php 

echo '<td><a class =\"n_o\" href =\"javascript:bouger(-1,1)\">   </a></td>' 

[V1nc3]

Personne capable de m'aider sur ce coup alors? :S

[nemesis_elite]

Salut

Regarde ce lien, il est vraiment pas mal, pour comprendre le principe du xmlhttprequest
lien ?

NemeSiS_eliTe

[V1nc3]

J'avais déjà lu un tuto dans ce genre (ça m'as pas empéché de lire celui la aussi ^^)
Voila ce que j'avais fais :

ajax.js :

Code PHP :

<?php 

var xml;



if (window.XMLHttpRequest)

    xml = new XMLHttpRequest();

else if (window.ActiveXObject)

    xml = new ActiveXObject('Microsoft.XMLHTTP');

else

    alert('JavaScript : votre navigateur ne supporte pas les objets XMLHttpRequest...');



xml.open('POST','../pages/requetes.php',true);



xml.onreadystatechange = function()

{

        if (xml.readyState == 4)

    {

        

        

    }

}



xml.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 

[nemesis_elite]

Utilise l'exemple concret qui est donné dans le lien, après tu a juste a modifier la requête.

Tiens un exemple d'une fonction javascript d'un de mes codes :

Code PHP :

<?php 

            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 goo(){

                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

                    if (xhr.readyState < 4) {

                        document.getElementById('chargement').style.display = "inline";

                    }

                    

                    if(xhr.readyState == 4 && xhr.status == 200){

                        document.getElementById('chargement').style.display = "none";

                        leselect = xhr.responseText;

                        // On se sert de innerHTML pour rajouter les options a la liste

                        document.getElementById('text').innerHTML = leselect;

                    }

                }



                // Ici on va voir comment faire du post

                xhr.open("POST","ajaxAffichage.php",true);

                // ne pas oublier ça pour le post

                xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

                // ne pas oublier de poster les arguments

                // ici, l'id de l'auteur

                

                sel = document.getElementById('auteur');

                idauteur = sel.options[sel.selectedIndex].value;

                

                livre = document.getElementById('livre');

                idlivre = livre.options[livre.selectedIndex].value;

                

                xhr.send("idAuteur="+idauteur+"&idLivre="+idlivre);

            } 

[Sephi-Chan]

Voila ce à quoi pourrait ressembler le bout manquant que tu présentes :

Code PHP :

<?php 

if (xmlhttp.readyState == 4){        

        //alert(xmlhttp.responseText);        

        var map = document.getElementById('map');

        map.innerHTML = xmlhttp.responseText;

} 

[V1nc3]

Merci a vous deux de m'aider.
En fait, dans mon cas présent, j'ai une fonction, bouger(x,y), qui prends en paramètre x et y donc je devrai faire une requête de ce genre dans mon exemple :

Code PHP :

<?php 

mysql_query("UPDATE persos_cda SET coord_x = coord_x + x AND coord_y = coord_y + y WHERE id_perso = '".fonction_qui_recupere_id_d_perso_actuel()."'"); 

[Sephi-Chan]

Pour transmettre tes données à ton script requete.php, il te faut les stocker dans une variable, que tu nommes par exemple data.

Tu dis que ta fonction Javascript prend comme argument les variables x et y, tu définis donc ta variable data de cette manière :

Code PHP :

<?php 

var data = "coord_x=" + x + "&coord_y = " + y; 

[V1nc3]

Pour ce qui est de ma question si on peut mettre plusisuers requetes différentes dans requetes.php c'est possible, ou je doit en créer un a chaque fois (quoique avec les isset normalement non..)

Voila ce que j'ai fais :

jouer.php :

Code PHP :

<?php 

<script type =\"text/javascript\" src =\"javascript/ajax.js\"></script>

<td><a class =\"n_o\" href =\"javascript:bouger(-1,1)\">   </a></td> 

[Sephi-Chan]

En fait, tu peux mettre ce que tu veux dans la page appelée par Javascript, et dans la quantité que tu souhaites.

Il faut juste avoir en tête que ce que toute sortie textuelle de la page appelée sera inséré dans la variable Javascript responseText.

C'est comme ça par exemple qu'une carte peut être modifiée sans rechargement apparent de la page. Comme sur sur cette carte. Le fichier PHP qui est appelée quand on clique sur le bouton Update map traite les données envoyées par Javascript, modifie le fichier XML (dans ton cas c'est à MySQL que tu fais appel) et exécute le code qui sert à générer la carte sous sa forme finale, en xHTML.

La page appelée fait donc presque la même chose que la page appelante.

Une fois cette carte générée, on la met à la place de l'ancienne, dans le bloc dont l'id est map. L'utilisateur n'y voit donc que du feu.


Sephi-Chan