[AJAX] ajax php - affiché les informations depuis div

Bonjour,

Je souhaite exécuter une page php depuis ajax.
Le résultat de la page php me retourne 10 lignes.
Ces 10 lignes, je voudrais les affichés dans la page grâce à un <div>

Merci de votre aide,

page php :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php
$sql = "SELECT * FROM pwb_evenements where ".$_GET['date'];
try{
    $db = new PDO($dsn,$user,$pass);
    $db->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
    $req = $db->query($sql);
    $data = array();
    $data = $req->fetch();              
    while($data = $req->fetch()){
        //echo "<div class='external_".$this->jour."-event'  >".$data['TITRE']."</div>"; 
        echo "<div class='external-event'><li class='fc-event'><donnee>".$data['TITRE']."</donnee></li></div>\n";
        }
    }  catch (PDOException $error_string){
        echo "";
    }
echo "</exemple>\n";
?>

page html:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html>
<script type='text/javascript'>
function ajax(){
    var xhr=null;
 
    if (window.XMLHttpRequest) { 
        xhr = new XMLHttpRequest();
    }else if (window.ActiveXObject){
        xhr = new ActiveXObject("Microsoft.XMLHTTP");
    }
    //on définit l'appel de la fonction au retour serveur
    xhr.onreadystatechange = function() { alert_ajax(xhr); };
 
    //on affiche le message d'acceuil
    document.getElementById("message").className="tumevois";
    alert("ssss");
    //on appelle le fichier reponse.txt
    xhr.open("GET", "php/com_prevu.php?date=12/04/2012", true);
    xhr.send(null);
}
 
function alert_ajax(xhr){
    if (xhr.readyState==4) {
    	var docXML= xhr.responseXML;
    	var items = docXML.getElementsByTagName("donnee")
    	//on fait juste une boucle sur chaque element "donnee" trouvé
    	document.getElementById("message").className="tumevoispas";
    	for (i=0;i<items.length;i++){
            //alert (items.item(i).firstChild.data);
            document.getElementById("txtHint").innerHTML=items.item(i).firstChild.data;
    	}
    }
}
</script>
<body>
<div id="txtHint"></div>
<body>
</html>

ajax php - affiché les informations depuis div

J'ai oublié d'ajouter que dans la page, je récupère la dernière ligne sur les 10 lignes.

reponse php : Titre1 Titre2 Titre3 ... Titre10

Information affiché dans la page : Titre10

Encore merci,

au hazard:

Code:

1
2
 
document.getElementById('NomDeL'Id').innerHTML=docXML;

:?

Code:

1
2
3
4
document.getElementById("txtHint").innerHTML="";
for (i=0;i<items.length;i++){
            document.getElementById("txtHint").innerHTML += items.item(i).firstChild.data +"<br/>";
    	}

A+.