Prototype + ajax problème d'affichage html+js
tlr
Messages postés
7
Date d'inscription
Statut
Membre
Dernière intervention
-
Mikey_UFC Messages postés 312 Date d'inscription Statut Membre Dernière intervention -
Mikey_UFC Messages postés 312 Date d'inscription Statut Membre Dernière intervention -
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
fonction.js
ajax.php
même code que index.php (s'agit de raffraichir)+quelques fonction JS
Merci
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
A voir également:
- Prototype + ajax problème d'affichage html+js
- Editeur html - Télécharger - HTML
- Affichage double ecran - Guide
- Problème affichage fenêtre windows 10 - Guide
- Windows 11 affichage classique - Guide
- Problème affichage page internet google chrome - Forum Téléphones & tablettes Android