Passer le focus à une option d'un select multiple

Version imprimable

Bonjour,

Voici mon problème :

j'ai une fonction javascript qui ajoute dynamiquement des options à un champ select multiple lorsque l'utilisateur fait une certaine action. Je souhaiterais que le focus se fasse sur l'option qui vient d'être ajoutée. Firefox le fait par défaut, mais pas pour IE.

Plus précisément voila ce qui se passe sous Firefox :

http://img156.imageshack.us/img156/8...efoxff4.th.jpg

Alors que sous IE, le scroll ne se fait pas tout seul :

http://img502.imageshack.us/img502/5781/iesv6.th.jpg

J'ai cherché un peu partout sur le net à la recherche d'un hack, en vain.

Voici le code en question :
Code:

1 2 3 4 var optionWaypoint = document.createElement("option"); optionWaypoint.text = "Pt " + circuit.nbPoints; document.getElementById("selectWaypoints").options[circuit.nbPoints - 1] = optionWaypoint; optionWaypoint.selected = "true";
J'ai aussi essayé de rajouter la ligne :
Code:

1 2 document.getElementById("selectWaypoints").selectedIndex = circuit.nbPoints - 1;
sans succès.

Voila, si quelqu'un a des idées ou connait une solution...

Merci

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
<script type='text/javascript'>
function selectedvisible(index){
 
var Obj=document.getElementById('sel')
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;}
 
}
</script>
</head>
 
<body>
<select id='sel' size=10 >
<script type='text/javascript'>
for(i=0; i<100;i++){document.write("<option>"+i+"</option>");}
</script>
</select>
<input type='text' id="item" />
<input type="button" onclick="selectedvisible(document.getElementById('item').value)" value="selection"/>
 
</script>
 
</html>

26/02/2008, 16h58
baoulox
Wow, ça fonctionne presque.

En fait, dans ton code il faut rajouter le focus sur le select pour que ça marche, je ne sais pas pourquoi :
Code:

1 2 var Obj=document.getElementById("selectWaypoints"); Obj.focus();
Merci beaucoup
26/02/2008, 17h04
SpaceFrog

sous FFX peut être ?
je n'ai pas rencotré ce problème, mais merci de l'avoir signalé