Bonjour ou bonsoir à tous (c'est comme vous voulez). En ces bonnes vacances je me suis mit à revoir le javascript et à apprendre un peu le maniement des objets XMLHttpRequest.
Je l'utilise pour un éditeur de monstre (editeur_monstre.php), ou on place instantanément ceux-ci sur la map et la case selectionnées.
Quand on survole une case cela affiche normalement les monstres présents sur cette case.
Donc quand je survole une case, j'appelle une fonction javascript qui contient du AJAX et qui appelle la page monstre.php.
Celle-ci traite les données (PHP) et va chercher les bestioles présentes sur la case.
Je l'utilise pour un éditeur de monstre (editeur_monstre.php), ou on place instantanément ceux-ci sur la map et la case selectionnées.
Quand on survole une case cela affiche normalement les monstres présents sur cette case.
Donc quand je survole une case, j'appelle une fonction javascript qui contient du AJAX et qui appelle la page monstre.php.
Celle-ci traite les données (PHP) et va chercher les bestioles présentes sur la case.
Code PHP :
<?php
$liste = mysql_query('SELECT * FROM monstres INNER JOIN map_monstres
ON map_monstres.id_case = '. $id_case .'
AND map_monstres.id_map = monstres.id_monstre')or die(mysql_error());
while($r_liste = mysql_fetch_array($liste))
{
echo '<img src="'.$r_liste['image_monstre'].'">';
}
La fonction sur editeur_monstre.php:
Code PHP :
<?php
<script type="text/javascript">
//Affichage des monstres présents sur la case
function monstres_existants(id_case)
{
var requete;
if (window.XMLHttpRequest) requete = new XMLHttpRequest(); // Firefox
else if (window.ActiveXObject) requete = new ActiveXObject('Microsoft.XMLHTTP'); // Internet Explorer
requete.open('GET','monstre.php?action=liste_des_monstres&id_case='+id_case+'',true);
requete.onreadystatechange = function()
{
if (requete.readyState == 4)
{
var div = document.getElementById('affichage_monstre');
div.innerHTML = requete.responseText;
}
}
requete.send(null);
}
</script>
<div id="affichage_monstre"></div>
iffle: