Bonjour,
J'ai un problème concernant un site que je developpe à l'heure actuelle, utilisant "prototype" pour l'ajax;
En effet, ma page index.php affiche un tableau. A tout moment son utilisateur peut supprimer un élement via le bouton supprimer. En cliquant sur ce dernier, une requete AJAX est effectué vers ajax.php et doit renvoyé un tableau à jour au format HTML avec quelques instruction en Javascript.
Le problème c'est que rien ne se passe. Mon firebug n'affiche aucune erreur et confirme bien la réception de la réponse de la requete AJAX.
Parcontre si je met du texte seul (par exemple "hello"), pas de souci sa fonctionne ...
index.php
<div id="act_actif">
<table align="center" class="tab3">
<tr>
<th colspan="5">
Modifier / Supprimer
</th>
</tr>
<?
$sql="**requete $sql**";
$requete=ExecRequete($sql);
if(mysql_num_rows($requete)>0){
echo "
<tr>
<th>
Domaine
</th>
<th>
Activités
</th>
<th>
Modifier couleur non validés
</th>
<th>
Modifier couleur validés
</th>
<th>
Supprimer
</th>
</tr>";
while($ligne2 = mysql_fetch_row($requete)){
echo "<tr>";
echo "<td>".$ligne2[0]."</td>";
echo "<td>".$ligne2[1]."</td>";
echo "<td><div class=\"carreModif\" style=\"background-color:".$ligne2[2].";\"></div></td>";
echo "<td><div class=\"carreModif\" style=\"background-color:".$ligne2[3].";\"></div></td>";
echo "<td><input type=\"button\" class=\"bouton\" value=\"Supprimer\" onclick=\"supprimerBddActivite('**id de l'activité**')" /></td>";
echo "</tr>";
}
}
else{
?>
<tr>
<td colspan="5">
Vous avez aucune activité à afficher.
</td>
</tr>
<?
}
?>
</table>
</div>
fonction.js
function supprimerBddActivite(id_act){
var url='ajax.php';
new Ajax.Request(url, {
method: 'post',
parameters: {'action':'supprimerActiviteBdd','activite':id_act},
onLoading: function(transport) {
// alert('loading');//pour verifier
// $('loading1').className="loading_visible";
},
onComplete: function(transport) {
// alert('complete');//pour verifier
// $('loading1').className="loading_invisible";
},
onSuccess: function(transport) {
// alert(transport.responseText);
$('act_actif').innerHTML=transport.responseText;
},
onFailure: function(transport) {
alert('Erreur impossible de contacter le serveur ...');
}
});
}
ajax.php
même code que index.php (s'agit de raffraichir)+quelques fonction JS
<table align="center" class="tab3">
<tr>
<th colspan="5">
Modifier / Supprimer
</th>
</tr>
<?
$sql="**requete $sql**";
$requete=ExecRequete($sql);
if(mysql_num_rows($requete)>0){
echo "
<tr>
<th>
Domaine
</th>
<th>
Activités
</th>
<th>
Modifier couleur non validés
</th>
<th>
Modifier couleur validés
</th>
<th>
Supprimer
</th>
</tr>";
while($ligne2 = mysql_fetch_row($requete)){
echo "<tr>";
echo "<td>".$ligne2[0]."</td>";
echo "<td>".$ligne2[1]."</td>";
echo "<td><div class=\"carreModif\" style=\"background-color:".$ligne2[2].";\"></div></td>";
echo "<td><div class=\"carreModif\" style=\"background-color:".$ligne2[3].";\"></div></td>";
echo "<td><input type=\"button\" class=\"bouton\" value=\"Supprimer\" onclick=\"supprimerBddActivite('**id de l'activité**')" /></td>";
echo "</tr>";
}
}
else{
?>
<tr>
<td colspan="5">
Vous avez aucune activité à afficher.
</td>
</tr>
<?
}
?>
</table>
<script>alert('suppresion de l\'activité ok')</script>
Merci
Configuration: Windows XP
Firefox 2.0.0.9
Accents affichage html
