prototype.js & nextSiblings() [Résolu]

[Bownobo]

J'ai le problème suivant:
Je récupère une collection/tableau d'éléments HTML_Select grâce à la fonction nextsiblings() que je désire ensuite supprimer.

Je fais donc

Code :

1
2
 
$(bCurrent).nextSiblings().remove();

Cependant cela entraine l'arret de scope
Quelqu'un aurait t-il une idée?

[E.Bzz]

Bonjour,

Code :

removeNode()

?

A+

[Bovino]

Disons que si tu veux supprimer tous les enfants de ton élément, autant faire

Code :

$(bCurrent).update();

[Bownobo]

Envoyé par Bovino

Disons que si tu veux supprimer tous les enfants de ton élément, autant faire

Malheureusement comme le suggère la méthode nextSiblings je désire supprimer que les HTML_Select suivant.

Envoyé par E.Bzz

Bonjour,

Code :

removeNode()

?

Je vais essayer en brutal mais si quelqu'un connait une solution différente je suis preneur.

Merci pour l'aide!

[Bovino]

Envoyé par E.Bzz

Bonjour,

Code :

removeNode()

?

A+

Je ne pense pas, le problème vient de la boucle qui supprime les éléments.
Imaginons un tableau [a,b,c,d,e]
dans la boucle

Code :

for(i=0;i<tableau.length;i++)

à chaque passage dans la boucle, tableau.length varie ET l'indice saute un item sur deux, quand i vaut 1, tableau[1] de la première boucle est devenu tableau[0].
Donc la solution est de changer la boucle...

Code :

1
2
3
while(tableau[0]){
suppression
}

[E.Bzz]

Envoyé par Bownobo

Malheureusement comme le suggère la méthode nextSiblings je désire supprimer que les HTML_Select suivant.

Tu n'as pas moyen de passer par

Code :

element_courant.parentNode.getElementsByTagName('select')

?

Le nextSibling() peut poser problème suivant les nav, car il ne gère pas tous les noeuds (vides en l'occurrence) de la même manière (cf. la FAQ) ...

A+

[Bovino]

Il s'agit de la fonction nextSiblings() de Prototype en fait.

[E.Bzz]

Envoyé par Bovino

Il s'agit de la fonction nextSiblings() de Prototype en fait.

Ok, effectivement. Et elle gère correctement les noeuds vides ?

[Bovino]

Normalement oui, c'est pour ça que je pense qu'il s'agit d'un problème de boucle, notre camarade a expliqué son problème dans un post précédent et il supprime les éléments via la fonction each() de Prototype qui construit si je me souviens bien une boucle for débutant à 0, donc dans ce cas, les problèmes d'indexation des éléments que j'ai évoqué.

[E.Bzz]

Je n'avais pas suivi le début de l'histoire ...

A+

[Bovino]

Envoyé par E.Bzz

Je n'avais pas suivi le début de l'histoire ...

A+

Dépèche toi de faire réparer ta boule de cristal alors !

[Bownobo]

Envoyé par E.Bzz

Tu n'as pas moyen de passer par

Code :

element_courant.parentNode.getElementsByTagName('select')

?

Le nextSibling() peut poser problème suivant les nav, car il ne gère pas tous les noeuds (vides en l'occurrence) de la même manière

Je risque de me prendre encore plus la tête avec les méthodes javascript de bases. De plus prototype.js arrive très bien a me sortir un joli tableau de nestSiblings comme par ex: [object HTML_Select], [object HTML_Select], [object HTML_Select]...

Mais le problème se passe lors du remove(). C'est pourquoi je mettais lancé sur la piste de Bovino qui pense qu'il y a des problèmes d'index avec la collection généré par nexSiblings. Problème de piles encore.

Envoyé par Bovino

Code :

Pour l'instant j'ai un problème de boucle infini je continue mes recherches.

PS: Vous connaissez pas un moyen de débugger js plus plus précisément car typiquement le bug généré par le remove() n'apparait pas dans FireBug!

[Bovino]

Code :

1
2
3
while($(bCurrent).nextSiblings().length>0){
$(bCurrent).nextSiblings()[0].remove();
}

[Bownobo]

Bovino, j'ai collé ton code bêtement et c'est pas trop mal:
L'idée est que quand un select est cliqué tout les select suivants sont supprimés, puis un nouveau select est crée. Le but étant de faire des select en cascade.
Avec ton code on peut insérer des select sans soucis, mais le fait de cliquer sur un select ne supprime pas les select car le script est stoppé au remove. Autres symptome on peut continuer à insérer autant de select lorsque l'on sur le premier, celui qui est crée avant la prise en charge dynamique. Je crois qu'il y a peut etre un soucis d'id sur ce premier select. Enfin c'est casse-pieds

[Bownobo]

Bon bah j'y suis arrivé, c'est malheureux car je ne me suis pas servi de la logique mais plutôt d'un subterfuge:

Code :

1
2
 
$(bCurrent).nextSiblings().each( function(bItem) { bItem.replace(""); });

Eh oui c'est bien le obj.replace() qui aura solutionné le problème.
Le obj.remove() ne convenait pas et entrainait un bug! De dieu!

Voila c'est résolu et je m'en tiens à ça pour l'instant. Merci

[Bovino]

Je récupère une collection/tableau d'éléments HTML_Select grâce à la fonction nextsiblings() que je désire ensuite supprimer.

C'est ce que je t'ai donné, ensuite, si tu veux autre chose, il faut le préciser...