Select Multiple : focus sur les éléments

Version imprimable

Bonjour , j'utilise la fonction suivante :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
function scrollToSelectedIndex()	{
	var Obj_groupe_a	= document.getElementById('groupe_a_select');
	var Obj_groupe_b	= document.getElementById('groupe_b_select');
	if(Obj_groupe_a.options[value].text != ""){
		if(Obj_groupe_b.options[value].text != ""){		
			var Obj = Obj_groupe_b;
		}
		else{
			var Obj	= Obj_groupe_a;
		}
	}
	var index = Obj.selectedIndex;
	if(index > Obj.options.length - 1)	{
		return false;
	}
	if(index + Obj.size < Obj.options.length)	{
		Obj.selectedIndex = index + Obj.size;
		Obj.selectedIndex = index;
	}
	else	{
		Obj.selectedIndex = Obj.options.length - Obj.size;
		Obj.selectedIndex = index;
	}
}

Pour établir le focus sur 2 selects multiples. Le Deuxième est rempli selon le choix dans le premier.
Dans les 2 cas, la value du premier élément "en-tête" est vide

Je ne parvient pas à obtenir le bon résultat.

20/06/2014, 14h13
Bovino

Code:

if(Obj_groupe_a.options[value].text != "")

Elle sort d'où la variable value ?
20/06/2014, 15h15
Invité

je l'ai zappé mais value="Obj_groupe_a.selectedIndex" dans le premier cas et "Obj_groupe_b.selectedIndex" dans le second
20/06/2014, 15h20
Bovino

Code:

if(Obj_groupe_a.options[value].text != "")

Et il se passe quoi si tu n'entres pas dans cette condition ?
Obj vaut quoi dans ce cas ?

Sinon

Citation:

Je ne parvient pas à obtenir le bon résultat

certes, mais tu obtiens quoi au juste ? Et tu devrais obtenir quoi ?
As-tu un message dans la console ?
20/06/2014, 15h22
Invité

Grace a votre précédent message j'ai résolu le prioblème, j'ai remplacé

Code:

if(Obj_groupe_a.options[Obj_groupe_a].value!= "")

par

Code:

if(Obj_groupe_a.options[Obj_groupe_a].value != ""){
20/06/2014, 15h29
Bovino

Si c'est juste le value que tu cherches, if(Obj_groupe_a.value != "") est amplement suffisant. ;)
20/06/2014, 15h45
Invité

Merci, ça me permet aussi de rendre mon code plus digeste

Citation:

Envoyé par Bovino

Si c'est juste le value que tu cherches, if(Obj_groupe_a.value != "") est amplement suffisant. ;)

Bonjour,

J'ai une derniere question.

Dans le cadre d'un select multiple , seule la première option reste sélectionné, je pensais remplacer

Code:

1
2
3
4
5
6
 
		var index = Obj.selectedIndex;
 
		if(index > Obj.options.length - 1)	{
			return false;
		}

par

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
		var index = [];
 
		for(var i=0; i< Obj.options.length; i++)
		{
			if(Obj.options[i].selected)
			{
				index.push(Obj.options[i]);
			}
		}
		if(index.length > 0){   
			return false;
		}

mais ne sais pas trop comment faire pour la suite du code.

J'ai testé ça

Code:

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
29
30
31
32
33
34
35
36
37
38
39
 
	function scrollToSelectedIndex2()	{
		var Obj_groupe_rfo	= document.getElementById('groupe_rfo_select');
		var Obj_groupe_visu	= document.getElementById('groupe_visu_select');
 
		// Selection du formulaire
		if(Obj_groupe_rfo.value != ""){
			if(Obj_groupe_visu.value != ""){		
				var Obj = Obj_groupe_visu;
			}
			else{
				var Obj	= Obj_groupe_rfo;
			}
		}
		// Sauvegarde des index sélectionnés
		var index = new Array();
 
		for(var i=0; i< Obj.options.length; i++)
		{
			if(Obj.options[i].selected == true)
			{
				index.push(i);
			}
		}
		if(index.length > 0){   
			return false;
		}
 
		for(i = selectedIndex.length - 1; i >= 0; i--)	{
			if(index[i] + Obj.size < Obj.options.length){
				Obj.selectedIndex = index[i] + Obj.size;
				Obj.selectedIndex = index[i];
			}
			else{
				Obj.selectedIndex = Obj.options.length - Obj.size;
				Obj.selectedIndex = index[i];
			}
		}
	}

qui me re selectionne bien les valeurs mais la scrollbar ne reste pas sur la première valeur

23/06/2014, 15h54
Invité

Après de multiples essais je pense que c'est tout simplement impossible. Je clos le sujet
23/06/2014, 15h58
Bovino

Citation:

mais la scrollbar ne reste pas sur la première valeur

Ah... ton problème était juste de positionner la barre de scroll ? C'est bien de le dire juste avant de clore la discussion ! :aie:

Tu as essayé avec un simple scrollIntoView ?