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];
 }
    }