Discussion :

[sajodia]

Bonjour,
j'ai un select dans lequel si je sélectionne une option et j'appuye sur un bouton ajouter, le focus se met à chaque fois sur la dernière option du select or j'aurais voulu que l'option que j'avais sélectionné garde le focus.
voici mon code:

Code :

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

1
2
3
4
5
6
7
8
9
function selectOrDiselectAll(idDiv, activation){
                var oDiv = window.document.getElementById(idDiv,);
                var number = oDiv.options.length;
                for(var i=0;i<number ;i++)
                {
                  oDiv.options[i].selected=activation;
                }
 
          }

Lors de l'appel de ma fonction j'ai fait:
function selectOrDiselectAll("idselect", true);
Comment dois-je faire pour que le focus reste tjrs sur mon option sélectionnée tant que j'en ai pas sélectionné une autre.
Merci de votre aide.

[RomainVALERI]

Quel rapport y a-t-il entre :

- ajouter une option (auquel cas effectivement on peut souhaiter que l'option actuellement sélectionnée soit conservée)
et
- sélectionner/désélectionner toutes les options ? (auquel cas je ne comprends plus de quoi tu parles ? Qu'est-ce que tu veux "conserver" si tu sélectionnes/désélectionnes toutes les options... ?)

Montre-nous plutôt ton bouton "ajouter", ses éventuels gestionnaires d'événement, et peut-être ta fonction d'ajout... ^^

[sajodia]

Ce que je veux c'est juste conserver le focus sur l'option sélectionnée.
Même si je clique sur ajouter,je veux que le focus reste sur l'option sélectionnée
et non pas sur la dernière option comme il me le fait.

Code :

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

<td><button style="width:30%; margin:230px 0px 2px; padding:0px 2px 0px;" id="boutonAjouter" value="ajouter" onclick="selectOrDiselectAll(\'idSelect\',true);"/><img style="float:right;" src="'.$aImages['add'].'"/>Ajouter</button></td>

[andry.aime]

Le click sur ton bouton ne fait que sélectionner ou désélectionner tous, je ne voit pas d'ajout d'option ni quoi que ce soit

[sajodia]

Je n'ai qu'une fonction php que j'appel pour créer mon select avec les options.
je n'ai pas de fonction qui me permet d'ajouter une nouvelle option.

Code :

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

<td style="width:250px; height:250px; margin-bottom:15px;">'.$this->_getSelect($options).'</td>

C'est donc pour celà j'ai pensé créer une nouvelle fonction en js

Code :

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

1
2
3
4
5
6
7
8
 function saveFocusOnSelectOption(){
              var vobjSel = window.document.getElementById("idSelect");
              for(var i = 0; i < vobjSel.length; i ++) {
              var j=vobjSel.options.selectedIndex;
              alert(j);
              vobjSel.options[j].selected=true;
              }
          }

Le problème: L'alert(j) renvoie tjrs 10,l'index de la dernière option ,quelque soit l'option sélectionnée.

[andry.aime]

1- Montre nous la fonction qui fait l'ajout et le code HTML généré qui va avec .
2- ça ne sert à rien de mettre le bout de code qui fait la selection dans la boucle
3-

Code :

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

 var j=vobjSel.selectedIndex;

[andry.aime]

Bonjour,
Dans la fonction qui ajoute une nouvelle option, tu récupères d'abord l'index de l'option sélectionnée, ensuite tu faits l'ajout d'une nouvelle option et après tu re-sélectionnes l'option.

Code :

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

1
2
3
4
5
var j=oDiv.selectedIndex;
//Ajout de l'option
......
//reselectionne l'option
oDiv.options[j].selected=true;

A+.