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... ^^

[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+.

[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;

[sajodia]

Voici m'a fonction d'ajout:

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
18
19
20
21
22
23
24
25
26
27
28
function addToTab(TabSel1Sel){
                  var Cell;
                  var objTableau = document.getElementById("matable");
                  //Insertion de ligne à la fin du tableau
                  var ligne = objTableau.insertRow(-1);
                  //Insertion du numero de ligne
                  Cell = ligne.insertCell(0);
                  Cell.innerHTML = ligne.rowIndex;
                  //Insertion du diaporama choisi
                  Cell = ligne.insertCell(1);
                  Cell.innerHTML = TabSel1Sel[0][1];
                  //Insertion des diapositive(s) choisi(es)
                  Cell = ligne.insertCell(2);
                  Cell.innerHTML = TabSel1Sel[1][1];
                  vtabSliderSlide.push(TabSel1Sel);
                  //Insertion du bouton supprimer sur chaque ligne
                  Cell = ligne.insertCell(3);
                  var bouton = document.createElement("BUTTON");
                  bouton.innerHTML = "<button onclick=\"deleteRow(ligne);\">supprimer</button>";
                  bouton.type = "button";
                  bouton.value = "Supprimer";
                  bouton.onclick =  function(row){
                     return function() {
                     deleteRow(row);
                     };                     
                  }(ligne);
                  Cell.appendChild(bouton);
          }

[andry.aime]

var bouton = document.createElement("BUTTON");
bouton.innerHTML = "<button onclick=\"deleteRow(ligne);\">supprimer</button>";
bouton.type = "button";
bouton.value = "Supprimer";

Remplace ça avec vite http://javascript.developpez.com/faq...amps#ajoutName
On utilise plus le tag button mias input type="button".

Sinon, je ne vois pas toujours le rapport avec le select

[RomainVALERI]

Code javascript :

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

1
2
3
4
5
6
function addToTab(TabSel1Sel){
   // ...
   var bouton = document.createElement("BUTTON");
   bouton.innerHTML = "<button onclick=\"deleteRow(ligne);\">supprimer</button>";
   // ...
}

Un bouton dans... un bouton ?

[sajodia]

Justement moi aussi je ne vois pas le rapport avec le select.

Là c'est d'un autre problème que je parle.Comment garder le focus sur une option sélectionné d'un select.

[andry.aime]

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.

Comment garder le focus sur une option sélectionné d'un select.

Quand tu ne l'as pas touché ou changé de selection depuis javascript, l'option sélectionnée doit toujours être le même .

[sajodia]

Merci de votre aide Au fait je me compliquais trop la tête.
J'ai utilisé le code que vous m'aviez ecri ci-dessus.Et ça marche super!!

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;