Discussion :

[kryogen]

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 :

S�lectionner tout - Visualiser dans une fen�tre � part

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 !
J'utilise sur le tableau une fonction javascript (sortable.js), qui apr�s coup ne fonctionne plus ! damned !

Que faire svp ??

[E.Bzz]

Bonjour,

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+

[kryogen]

j'ai �galement essay� prototype.js

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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...

[kryogen]

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

[E.Bzz]

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+

[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 ?

[E.Bzz]

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

Le contenu des cellules, quoi

[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 !

[E.Bzz]

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

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

Bon courage

A+

[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) ?

[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.

[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...