Prototype + ajax problème d'affichage html+js

Fermé
tlr Messages postés 7 Date d'inscription mardi 8 juillet 2008 Statut Membre Dernière intervention 25 septembre 2008 - 25 sept. 2008 à 11:02
Mikey_UFC Messages postés 312 Date d'inscription jeudi 8 mars 2007 Statut Membre Dernière intervention 2 août 2010 - 25 sept. 2008 à 17:32
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

2 réponses

tlr Messages postés 7 Date d'inscription mardi 8 juillet 2008 Statut Membre Dernière intervention 25 septembre 2008
25 sept. 2008 à 13:06
up
0
Mikey_UFC Messages postés 312 Date d'inscription jeudi 8 mars 2007 Statut Membre Dernière intervention 2 août 2010 1
25 sept. 2008 à 17:32
peut-être un "evalScripts: true" dans ton request Ajax
-1