déplacer un ascenceur dans un select

Version imprimable

07/10/2005, 11h15
jeanvincent

déplacer un ascenceur dans un select

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+
07/10/2005, 11h33
Oluha

Code:

document.getElementById("taliste").scrollTop = document.getElementById("tonitem").offsetTop;
07/10/2005, 11h48
SpaceFrog

pour un select oluha ?
07/10/2005, 12h05
jeanvincent

Citation:

Envoyé par Oluha

Code:

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?

Code:

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

:roll:

07/10/2005, 14h29
Oluha

Citation:

Envoyé par SpaceFrog

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 :lol:
07/10/2005, 14h30
jeanvincent

Citation:

Envoyé par Mr N.

:roll:

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.
07/10/2005, 14h48
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 ...
07/10/2005, 15h40
Mr N.

Citation:

Envoyé par jeanvincent

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

8O 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 :

Citation:

...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 :evil:

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