Discussion :

[gabdeschenes]

Bonjour,

j'ai un petit probl�me anodin mais persistant. Je vous tout simplement effacer en entier le contenu d'un listbox, avant de le repeupler. Voici la suite de mes �v�nement:

*listBox= objet listbox
1)Effacer l'ancien contenu du listbox

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
 
function delete()
{
    var nbFoisTourne = listBox.options.length;
    for(var i=0; i<nbFoisTourne; i++)
    {
          listBox.options.remove(i);
    }
}

2) Remplir le listbox avec les nouvelles valeurs

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
function ajout()
{
     for(var i=0; i<tabItemDeleted.length; i++)
     {  
           addOption(listBox, tabItemDeleted[i], tabItemDeleted[i]);                    
      }
}
 
function addOption(selectBox,text,value )
 {
 
        var docDel = document.createElement("OPTION");
        docDel.text = text;
        docDel.value = value;
        selectBox.options.add(docDel);
}

De ce fait, l'ordre des functions sont (delete, ajout (qui fait appel � la function addOption())).

Cependant, lorsque je fais une trace dans la function delete, elle fait la boucle 2 fois :S....

Bref, merci pour l'aide future
Gabriel Desch�nes

[gabdeschenes]

Je viens de trouver!
Dans la boucle de la fonction delete(), il faut toujours enlever l'item � l'index 0 (remove(0)), car nous lors d'une suppression d'un item, la collection compl�te r�trograde son index de 1. Donc, l'item pr�alablement � l'index 2, apr�s remove(0), va se trouver � l'index 1 et ainsi de suite, jusqu'� ce qu'il se retrouve � l'index 0 pour ainsi se faire supprimer.

Gabriel Desch�nes

[SpaceFrog]

aller on le fait au pied de biche :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
 
function delete()
{
   listbox=document.getElementById('mylistbox');
  listBox.options.length=0;
    }

Mais je confirme que la solution de boucler est plus propre.

Il existe cependant une possibilit� en commen�ant par le debut:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
 
function delete()
 listbox=document.getElementById('mylistbox');
{while(listBox.options[0]){
 listbox.removeChild(listbox.options[0];
 }
    }