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 !