Modification du contenu de la cellule d'un tableau pour afficher le contenu d'un

Bonjour,




Sur mon site, j'affiche une page contenant une liste de leçon. Pour pouvoir accéder au contenu de la leçon, le visiteur clique sur un bouton et là le contenu d'une des cellules de la ligne est compléter avec les informations reçues de la requête Ajax.
La requête AJAX fonctionne bien. Seul l'affichage ne fonctionne pas, ou alors systématiquement sur la première ligne.

Voici mon code

<table class="tableau">
					<tr class = "text-center">
    					<th>                  </th>
    					<th>Libellé</th>
    					<th>Description</th>
    					<th>  </th>
    				</tr>
                	<?php 
                	$ind = 0;
                	foreach ($listeLecon as $sst) : ?>            
                	<tr>
                		<td width="10%">
	                		<?php if ($sst['img_lecon'] != NULL)  {
                             		    $image = $sst['img_lecon'];
	                        		    $imageLecon = 'src="Videotheque/Vue/Images/'.$image.'"';
	                        		    echo '<img width="120rem"'.$imageLecon.'>';
                		              }
                		    ?>
                		</td>    
                   		<td width="45%" > 
                   			<?php 
                        	    echo $sst['lb_lecon']. ' </a>';
            	            ?>
            	       </td>
               
                   		<td id=listeEns width="40%"  class="tdcommentaire"><?= $sst['res_lecon'] ?> 
                		</td>
                   		
                   		<td width="5%" >
                   			<?php 
                   			$ind ++;
                   			if ($sst['ens_unique'] == 0 ) {
                   			    $lienEns = '<a target="_blank" href="https://www.youtube.com/watch?time_continue=5&v='.$sst['URL_Youtube'].'">';
                   			    echo $lienEns.'<img src="Videotheque/Vue/images/oeil.png" width="40rem"> </a>';
                   		       }
                   		       else {
                   		           $idLecon = $sst['id_lecon'];
                   		           $accesDetail = '<button id =" detail" onclick ="detailLecon('.$idLecon.','.$ind.')";" > 
                                                <img src="Videotheque/Vue/images/acces.png" width="40rem"> </button>';
                   		           echo $accesDetail;
                   		       }                  		       
                   		?>
                   		</td>       
                	</tr>
                	<?php endforeach; ?>  
			</table>

Le code javascript

/*! Javascript spécifique IDA
*/
function detailLecon($idLecon, $ind) {
/* Instanciation d'un objet de type XMLHttpRequest
/* NB : XMLHttpRequest est un objet ActiveX ou JavaScript qui permet d'obtenir des données
	au format XML, JSON, mais aussi HTML ou encore texte simple à l'aide de requêtes HTTP. */
/* Assoctation de la variable resultat à la division
	d'affichage divisionResultat */
	alert ($ind);

	var resultat = document.getElementById("listeEns")[$ind];
	
	if (resultat == null) {
		resultat = " ";
		}
	
	if (window.XMLHttpRequest) {
		// Code pour IE7+, Firefox, Chrome, Opera, Safari
		httpRequest = new XMLHttpRequest();
	} else {
		// Code pour IE6, IE5
		httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
	}

/* Ouverture du fichier voitures.json via le script PHP serveurJSON.php*/
/* true : mode asynchrone -> le flux doit être disponible entièrement avant son traitement */
	$url = "detailLecon.php?code="+$idLecon;
	httpRequest.open("GET", $url, true);

	/* Définition du type de flux */
	httpRequest.setRequestHeader("Content-type", "application/json");

	/* Traitement effectué dès que le flux est disponible */
	httpRequest.onreadystatechange = function(){
		/* Test si requête terminée et test status OK */
		if (httpRequest.readyState == 4 && httpRequest.status == 200) {
			/* Affichages de contrôle */
			/*alert("responseText : " + httpRequest.responseText);*/
			/* Conversion du flux JSON en objets Javascript */
			
			var donneesJSON = JSON.parse(httpRequest.responseText);
			
			/* Initialisation de la variable resultat */
			resultat.innerHTML = "";
			/* Parcours des objets Javascript */ 
			for (var objet in donneesJSON) {
			/*	 Concaténation du résultat */
					resultat.innerHTML += "Titre video :" + donneesJSON[objet].tit_video + "<br />";
					resultat.innerHTML += "url video :" + donneesJSON[objet].URL_Youtube + "<br />";
			}
		}
	}
	$parametre = "code="+$idLecon

	/* envoi de l'identifiant leçon sélectionné à la requête XMLHttpRequest */
	httpRequest.send($parametre);
	
	/* Message affiché en attente du traitement */
	/* (récupération des données depuis le serveur) */
	resultat.innerHTML = "Attente de traitement JSON ...";

}

Merci d'avance pour votre aide