[AJAX] Pas de javascript après un innerHTML

Version imprimable

Bonjour,

J'ai sur ma page HTML un tableau et un formulaire
J'aimerai que lorsque je valide le formulaire mon tableau s'actualise automatiquement.
Donc avec AJAX et innerHTML j'y arrive très bien.

code AJAX
Code:

1 2 3 4 5 6 7 8 9 if (xhr.readyState == 4) { document.getElementById('div_fieldset').innerHTML = xhr.responseText; document.getElementById('texte_confirmation').value = 'Utilisateur ajouté'; document.getElementById('div_confirmation').style.display = 'inline'; document.getElementById('button_confirmation').focus(); } }
Le tableau s'actualise.
Mais ! :evilred:
J'utilise sur le tableau une fonction javascript (sortable.js), qui après coup ne fonctionne plus ! damned !

Que faire svp ??

20/03/2008, 17h48
E.Bzz

Bonjour,

Citation:

Envoyé par kryogen

J'utilise sur le tableau une fonction javascript (sortable.js), qui après coup ne fonctionne plus ! damned !

2 solution (non exclusives) :
soit tu as une erreur JS qui plante ton code (auquel plus aucun JS ne fonctionne)
soit le fait que tu utilises innerHTML (et non le DOM) pour modifier ton tableau fait que ton sortable.js n'y retrouve plus ses petits (car il doit, lui, s'appuyer sur le DOM). En effet, le DOM n'est pas forcément mis à jour par innerHTML (c'est aussi le cas si tu essayes de modifier un <form> avec innerHTML)

A+

j'ai également essayé prototype.js

Code:

1
2
3
4
5
6
7
8
9
 
        if (xhr.readyState == 4)
            {
            Element.update("div_fieldset",xhr.responseText);
            document.getElementById('texte_confirmation').value = 'Utilisateur ajouté';
            document.getElementById('div_confirmation').style.display = 'inline';
            document.getElementById('button_confirmation').focus();              
            }
        }

mais... même problème... :(

20/03/2008, 17h50
kryogen

yep, je suis un peu débutant...
comment faire en passant par le DOM, la dessus je suis un peu largué ?
merci
20/03/2008, 17h54
E.Bzz

Citation:

Envoyé par kryogen

yep, je suis un peu débutant...
comment faire en passant par le DOM, la dessus je suis un peu largué ?
merci

Comme ça ;)
Tu remarqueras que innerHTML n'est utilisé que pour ajouter du texte brut ...

A+
20/03/2008, 18h02
kryogen

heu... là on ne modifie pas par le DOM, c'est encore par innerHTML ?
Si je remplace mon div, en jouant directement sur le DOM, le script sortable.js (http://www.kryogenix.org/code/browser/sorttable/) fonctionnera ?
ou bien ?
20/03/2008, 18h05
E.Bzz

Citation:

Envoyé par E.Bzz

Tu remarqueras que innerHTML n'est utilisé que pour ajouter du texte brut ...

Le contenu des cellules, quoi :mrgreen:
20/03/2008, 18h10
kryogen

ouai mais en fait xhr.responseText contient tout le tableau. Car je veux actualiser tout le tableau.
Bon je vais quand même tenter en n'ajoutant qu'une seule ligne.
Je sens que je suis pas rendu...
merci en tout cas !
20/03/2008, 18h17
E.Bzz

Citation:

Envoyé par kryogen

ouai mais en fait xhr.responseText contient tout le tableau.

Oui, j'avais bien compris : c'est beaucoup plus pratique :mouarf:
(j'utilise aussi dans certains cas non problématiques)

Bon courage ;)

A+
21/03/2008, 10h10
kryogen

bon bah c'est pas très concluant tout cela.
le problème, c'est que le script sortable.js (cité ci-dessus), permettait un tri et de colorer une ligne sur deux mon tableau.
Bon personne d'autre n'a d'idée(s) pour actualiser mon tableau en synchrone (avec toutes ses bonnes propriétés javascript) ? :?
23/03/2008, 17h55
NioX5199

Salut, j'ai un problème similaire et je me rend compte que c'est un problème trés récurrent avec Ajax. A mon avis c'est du a une mauvaise utilisation du innerHTML qui devrait a mon avis, comme dit plus, n'être utilisé que pour des données et pas pour inclure des élements DOM dans la page même si c'est hyper pratique et que dans certain cas cela fonctionne bien. Je n'est malheureusement pas trouvé de solution à ces scripts qui ne sont pas évalués aprés les avoir "innerHTMLé" dans une page. J'ai même essayé en parsant tout les scripts de la réponse et en faisant eval() pour chacun d'eux ca ne fonctionne pas...

Pour ton problème je ne suis même pas sur que le problème vienne de la, je crois avoir lu que sortable ne fonctionne pas avec les tableau du tout. A vérifier donc.
24/03/2008, 17h29
kryogen

ouai, moi aussi j'ai tout essayé... c'est désolant.
Je me dis, avec tout l'Ajax qu'on trouve m'int'nant, la solution doit bien exister quelque part... :(
Tant pis retour au bonnes vieilles méthodes...