Discussion :

[djanke]

J'ai une fonction javascript qui après insertions de nouveaux éléments dans une listbox multiple selectionne tout les éléments
Le problème est que je voudrais revenir en haut de la list box lorsqu'il est trop bas dans la liste (et donc invisible pour l'internaute) j'ai essayé de donner le focus avec cette instruction sellist.options[0].focus(); mais ca ne fonctionne pas.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
document.getElementById(id_ma_listbox)
function SelAll(sellist){
 
  var len=sellist.length
	sellist.multiple=true
	sellist.focus();
	//sellist.disabled=true
	for(var i=0;i<len;i++){		
		sellist.options[i].selected=true
	}
  sellist.options[0].focus();//ne fonctionne pas
}

Merci à tous si quelq'un a une idée !!!

[marts]

Il faut jouer avec

Code :

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

sellist.scrollTop

[SpaceFrog]

scrollTop sur un select ?

[djanke]

Il faut jouer avec

Code :

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

sellist.scrollTop

Non ca ne marche pas finalement j'ai trouvé je rajoute un élément vide en haut de ma liste et je le supprimme.

Code :

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

1
2
3
newoption = new Option('','', false, false);
sellist.options[0] = newoption;
 sellist.options[0] = null;

Résultat final pour ma fonction :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
document.getElementById(id_ma_listbox)
function SelAll(sellist){
 
  var len=sellist.length
	sellist.multiple=true
	sellist.focus();
	//sellist.disabled=true
	for(var i=0;i<len;i++){		
		sellist.options[i].selected=true
	}
 sellist.options[0] = newoption;
 sellist.options[0] = null;
}

[marts]

scrollTop sur un select ?

Ben oui. Pourquoi cet étonnement ?

[SpaceFrog]

scrollTop fonctionne sur des elemnts tels que div span en overflow , pas sur des balieses select

[marts]

Et pourtant ça marche !

[SpaceFrog]

On peut avoir une demo ?

parceque

Code :

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

1
2
3
4
5
6
7
8
<select id="foo">
<script>
 for(i=0; i<50;i++){
  document.write('<option>'+i+'</option>');
  }
</script>
</select>
<input type="button" onclick="document.getElementById('foo').scrollTop=20" value='go' />

ne donne rien

[edit]

Haaaaaaaaaaaaaa ouiiiiiiiii si le select possède un size ce qui est plus que logique

[edit]