Discussion :

[jeanvincent]

Bonjour,

J'ai une page web avec un select de taille 10 rempli avec une cinquantaine de lignes. Lorsque la page se charge, une ligne est sélectionée et - avec javascript - je fais un focus () pour donner le focus à ce même select.

Si le numéro de la ligne que je sélectionne est supérieur à 10, elle n'apparait pas à l'affichage, il faut déplacer l'ascenceur du select pour voir apparaitre la ligne sélectionnée.

Ce que je voudrais donc, c'est qu'au chargement de la page, l'ascenceur soit déplacé pour qu'apparaisse la ligne que j'ai sélectionné.

Savez-vous si cela est possible?

a+

[Oluha]

Code :

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

document.getElementById("taliste").scrollTop = document.getElementById("tonitem").offsetTop;

[SpaceFrog]

pour un select oluha ?

[jeanvincent]

Code :

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

document.getElementById("taliste").scrollTop = document.getElementById("tonitem").offsetTop;

Merci!

J'ai essayé ca:
var list = document.getElementById("monselect");
list.scrollTop = list.options[list.options.selectedIndex].offsetTop;

Pour éviter d'ajouter des id à chaque option, mais ca ne marche pas.
Une idée?

[Mr N.]

Code :

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

1
2
3
4
5
6
7
 
<script type="text/javascript">
function clique() {
   el = document.getElementById('select');
   el.selectedIndex = 30;
}
</script>

[Oluha]

pour un select oluha ?

ah oui, je suis pas réveillée moi, mon code je l'avais fais sur une simulation de select, autant pou moi

[jeanvincent]

Ton smiley est inutile et désagréable...

La ligne est déjà sélectionnée au chargement de la page, mais l'ascenceur n'est pas placé correctement, c'est bien là l'objet de ma question.
Evidemment je peux ajouter un:
list.selectedIndex = list.selectedIndex; dans mon window.onLoad, cela fonctionne alors... mais je me demandais justement s'il n'y avait pas une autre façon de faire que celle-ci, qui fait un peu "bidouille".
De plus, avec cette solution je ne choisis pas où va être placé mon ascenceur.

[SpaceFrog]

oulà succeptible ?

rien de déplacé dans le smiley ... mais bon peut être levé du mauvais pied ce matin ...

pour ma part je pensais justement que tu avais déja utilisé le selectedindex et que malgré cela l'item restait hors de la zone visible du scroll du select ..
je ne vois pas d'autre solution ...

[Mr N.]

Ton smiley est inutile et désagréable...

Susceptible en effet... Je n'ai aucunement eu l'intention de paraitre désagréable ! Je t'ai proposé un bout de code en demandant si c'était ca que tu attendais...
Sans que tu donnes ton code, comment veux-tu qu'on sache comment tu t'y prends et si tu utilises ou non telle ou telle fonction ?

Suivant ta question de départ :

...l'ascenceur soit déplacé pour qu'apparaisse la ligne que j'ai sélectionné.

Le bout de code que je t'ai donné marche chez moi. Je me suis paluché 50 options dans un select de taille 10, si je selectionne le 30° par js alors l'ascensceur se déplace et la ligne selectionnée apparait. Maintenant si tu prend l'aide que je te donne (ou si tu préfere le temps que je passe pour essayer de résoudre ton pb) pour une insulte dis-le moi, il y en a d'autre qui sont dans le besoin

Mon navigateur : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.7.12) Gecko/20050920