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 !