Discussion :

[Guybrush113]

Bonjour.

Je vais vous épargner les détails de mon code, pour éviter d'embrouiller, et je vais essayer d'expliquer au mieux.
J'ai une page avec un petit formulaire avec choix dates, personnes, lieux... Je calcule des résultats et statistiques quand j'appuie sur le bouton valider du formulaire. Tout se passe dans une requête AJAX.

Mais j'ai du plus tard afficher quelques tableaux HTML en plus des graphiques créés. Donc ne voulant pas tout refaire, j'ai opté pour la solution de la manipulation du tableau en Javascript.

Mon soucis est bête, et à l'air assez mineur.
A chaque calculs de nouvelles statistiques mes tableaux "descendent" de quelques "millimètres". Donc je pense que lorsque j'efface les lignes de mes tableaux, il reste toujours un petit quelque chose. Donc quand je ré-injecte des lignes, ca se décale vers le bas dès la première ligne...

J'espère que je me fais comprendre

En tout cas, cela fonctionne bien, mais reste ce problème visuel qui persiste, le décalage de mes tableaux vers le bas, a chaque nouvelle requête.


Voici mon code HTML :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<table align="center" width="400" border="0" id="tab_abo" style="display:none;">
  <tr style="background-color: #c8c1ff; font-style: italic;">
    <th align="center"><b>Bouquet</b></th>
    <th align="center" width="33%"><b>Nb Abonnements</b></th>
    <th align="center" width="33%"><b>Pourcentage</b></th>
  </tr>
</table>

Mon vidage du tableau en javascript :

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
while (tab_abo.childNodes.length>0) {
  tab_abo.removeChild(tab_abo.firstChild); }

Si quelqu'un a une idée, je suis preneur
Merci !

[le_chomeur]

la comme ça non ...

a faire sous firefox :

après quelques insertion / modif
fais une sélection de l'espace vide puis click droit puis "code source de la sélection" tu pourras déja voir quelle balise ne sont pas supprimées

[SpaceFrog]

ah les childNodes ...
essaye peut être plutot avec deleteRow()

[Guybrush113]

Rien ne s'affiche dans le code de source de la sélection.
Sinon je viens de m'apercevoir que sous Internet Expl'horreur ca ne marche pas du tout... Pourquoi ca ne m'étonne même pas !

Pourtant j'avais deja fait cette méthode sans soucis.
Donc je ne comprends pas, je vais peut être me tourner vers les insertRow et deleteRow.

Si vous avez des idées également comment remplir une cellule par du texte tout simple, autrement que par du createtextNode ou du innerHtml dans des balises avec des ID...

[Guybrush113]

Bon j'ai finalement refait mon code avec les insertRow et deleteRow, et tout fonctionne même sous IE.
Pour mon petit décalage j'ai compris le problème en fait. Comme ca n'enlevait pas les anciennes lignes, je remplissais les anciennes et dans les nouvelles il n'y avait rien (en gros). Du coup c'était les nouvelles qui provoquaient un décalage minime.

Donc merci pour le petit coup de pouce