Discussion :

[Fabouney]

bonjour à tous et à toute,

j'ai un problème plutot récurant est assez bizarre.
j'ai un système de pagination, le code HTML généré est par exemple :

Code :

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

1
2
3
<span id="page1"><a href="..." OnClick="..."></span>
<span id="page2"><a href="..." OnClick="..."></span>
<span id="page3"><a href="..." OnClick="..."></span>

je vais juste prendre comme exemple, je veux ajouter dynamquement apres page 3, un <span id="page4"> ...</span> avec javascript, j'ai procédé ainsi:

Code :

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

1
2
3
4
5
6
newSpan=document.createElement('<span>');
newSpan.setAttribute('id','page4');
newElement=document.createElement('<a>');
newValue=document.createTextNode('4');
newElement.appendChild(newValue);
newSpan.appendChild(newElement);

et je l'insert de cette manière, après l'element que je souhait !

Code :

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

ref.parentNode.insertBefore(newElement,ref.nextSibling);

où "ref" est l'élément qui précéde le noeud que je souhait ajouté, autrement dit "page3" (document.getElementById('page3') )

donc il ajoute bien l'element apres, visualement, pas de soucis, mais pourquoi, après si je fait un

Code :

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

alert(document.getElementById('page4'))

il me retourne, null, théoriquement, il à été ajouté au document, donc il devrait m'afficher "Object", je ne comprend pas du tout, c'est plutot rageant ce genre de problème :/.

Cordialement

[SpaceFrog]

dans la création de l'objet ...

Code :

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

newSpan.id='page4';

[Fabouney]

pi si j'ajoute pas le <span> au document forcement, il va pas trouver l'objet, c'est en expliquant mon problème que je trouve la solution ....

Code :

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

ref.parentNode.insertBefore(newSpan,ref.nextSibling);

et là c'est bon ...

[Bisûnûrs]

Code Javascript :

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

1
2
3
newSpan=document.createElement('span');
...
newElement=document.createElement('a');

Edit : Bon ben c'tout.

[Fabouney]

par contre, dernière petite question, pour en gros mettre un "nbsp;" apres chaque élément créer, comment puis-je le faire dynamqquement, apres l'ajout de l'élément ?

[SpaceFrog]

createTextNode ...