Combo qui s'élargit en rollover ?

Signaler
Messages postés
7
Date d'inscription
mercredi 8 décembre 2004
Statut
Membre
Dernière intervention
30 mars 2007
-
Messages postés
7
Date d'inscription
mercredi 8 décembre 2004
Statut
Membre
Dernière intervention
30 mars 2007
-
Je cherche un javascript qui me permettrait d'élargir un combobox en rollover et qui s'adapte ainsi à mes rubriques.

Il y a un exemple concret sur http://www.laposte.fr (listes de gauche). C'est chaud hein !

J'ai essayé de décortiquer leur code, mais c vraiment le bor**l. En plus je suis pas une star en JScript.

Si vous avez une idée pour me mettre sur la voie...
Merci d'avance. Nico.

4 réponses

Messages postés
450
Date d'inscription
samedi 16 avril 2005
Statut
Membre
Dernière intervention
18 avril 2007
2
<select onmouseover="this.style.width=250" onmouseout="this.style.width=100">
</select>

(en remplaçant 250 par la grande taille et 100 par le petite)
pas testé
<hr />Stfou
Messages postés
469
Date d'inscription
mercredi 9 janvier 2002
Statut
Membre
Dernière intervention
20 février 2017
6
bonjour......
ou pour faire comme la poste il suffit que tu applique un style : style="width:120px;" sur ton select ( remplace 120px par ce que tu veux) et hop comme à la poste ( un peu de pub au passage ), tu verras tes lignes plus large que ta combo
enfin si c'est ce que tu voulais vraiment parce que ici, il ne se passe rien sur le rollover ( qu'est quoi c'est ? )

[o-_-o]
Messages postés
7
Date d'inscription
mercredi 8 décembre 2004
Statut
Membre
Dernière intervention
30 mars 2007

ça marche bien sur le rollover du combo mais quand on descend sur les rubriques, le rollout prend la main et le combo se referme !
Le deuxième problème vient du fait qu'en sélargissant, le combo dégage tout ce qu'il y a sur sa droite, au lieu de se superposer, je vais faire des test pour coller une balise div, je pense que ça pourrait être la solution.

Bougeons avec la poste !!!!
Messages postés
7
Date d'inscription
mercredi 8 décembre 2004
Statut
Membre
Dernière intervention
30 mars 2007

J'ai trouvé qque chose de pas trop mal.
Il reste un petit pb, le combo ne se remet pas à 76px si l'internaute ne sélectionne rien (si qqu'un a une idée !)


<form method="POST" action="--WEBBOT-SELF--">


<select size="1" name="D1" onmouseover="this.style.width=150" onchange="this.style.width=76" style="font-family: Arial; font-size: 8pt;width:76px" >
   
<option>choix 1</option>
<option>choix 2 choix 2</option>
   
</select>
   
</form>