Bonjour,
je suis en train de créer un petit truc pour permettre de voir quelles sont les maps sur un serveur Trackmania.
J'ai commencé à le faire en php, j'ai réussi, puis je me suis rendu compte que pour l'intégrer dans mon monitoring, je devais utiliser des iframes.
En effet, cette liste n'affiche que 12 maps, pour voir les suivantes, on appuie sur "next" et pour les précédentes "previous".
Le truc, c'est que la liste ne se met pas à jour, c'est une nouvelle page qui se crée pour les suivantes ou les précédentes.
Voici l'exemple
J'espère que vous comprenez jusque là
Donc, pour ne pas utiliser d'iframes, je voudrais le faire en ajax.
J'ai déjà réussi à afficher les douze premiers en ajax, mais c'est au niveau des "next" et "previous" que je bloque...
L'exemple :
http://91.121.146.195/~serveur/serveurs/unaire/3/page1.php
Donc, là on peut voir que ça charge les douze suivants en php.
Je voudrais que les 12 suivants/précédents se chargent en ajax.
Merci d'avance de votre aide :)
Désolé de la longueur du post, je voulais être le plus précis possible !
Voici mon code php :
<?php
require "includes/monitoring.php";
$id = 0;
$key = $id;
$ResultParPage=12;
$link="tracklist$id.php";
$page=$_GET['page'];
if(empty($page)){
$page=1;
}
if(!$client->InitWithIp($server[$key]['ip'],$server[$key]['port'])){
die('An error occurred - '.$client->getErrorCode().":".$client->getErrorMessage());
}
$client->query("Authenticate", $server[$key]['username'], $server[$key]['password']);
$response = $client->getResponse();
if(isset($response['faultCode']) && isset($response['faultString'])){
die("[".$response['faultCode']."]".$response['faultString']);
}
$client->query("GetStatus");
$response = $client->getResponse();
if(isset($response['faultCode']) && isset($response['faultString'])){
die("[".$response['faultCode']."]".$response['faultString']);
}
$done=FALSE;
$si=($page-1)*$ResultParPage;
$i=1;
$client->query('GetChallengeList',$ResultParPage+1, $si);
if (!$Response = $client->getResponse()){
$done=TRUE;
}else{
foreach ($Response as $track){
if($ResultParPage>=$i){
$FileName = $cp->toHTML($track['Name']);
echo
'
<div style="
width:199px;
height:24px;
margin-left:8px;
background: no-repeat url(images/back_track.gif);
">
<div style="font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;padding-left:35px; padding-top:1px;">
<td>'.$FileName.'</td><br>
</div>
</div>
';
}
$i++;
}
if($i!=14){
$done=TRUE;
}
}
$link="tracklist$id.php";
if($page>1){
//link to previous page
$pageP=$page-1;
echo'<a href="'.$link.'?page='.$pageP.'"><img src="images/prev.png" border=\"0\" style="float:left;" margin-top:220px;></a>';
}
if(!$done){
$pageN=$page+1;
echo'<a href="'.$link.'?page='.$pageN.'"><img src="images/next.png" border=\"0\" style="float:right;"></a>';
//link to next page
}
?>
Voici mon script ajax :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script language="javascript" type="text/javascript">
<!--
idAffichageBloc = 0;
function filePOST(fichier,info)
{
return fileAjax(fichier,info,"POST",true);
}
function fileAjax(fichier,info,format,asyn)
{
if(window.XMLHttpRequest) // Firefox
xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject) // Internet Explorer
xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else
return(false);
xhr_object.open(format, fichier, asyn);
if (format == "POST")
{
xhr_object.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); //Spécifie un en-tête HTTP (headerName et headerValue) à envoyer avec la requête.
xhr_object.onreadystatechange = function() { // on guette les changements d'état de l'objet
if(xhr_object.readyState == 4) // l'état est à 4, requête reçu !
{
afficher(xhr_object.responseText);
}
}
}
xhr_object.send(info);
if(xhr_object.readyState == 4) return(xhr_object.responseText);
else return(false);
}
function afficher(texte)
{
if (texte.length>5)
{
// alert(texte);
if (idAffichageBloc == 1) // Monitoring
{
document.getElementById('texte').innerHTML = texte; // Ecriture de la réponse
}
}
}
// -->
</script>
</head>
<body>
test : <div id="texte"></div>
<script language="javascript" type="text/javascript">
<!--
idAffichageBloc = 1;
filePOST("tracklist0.php");
// -->
</script>
</body>
</html>