Combo qui s'élargit en rollover ?

cs_nicojet Messages postés 7 Date d'inscription mercredi 8 décembre 2004 Statut Membre Dernière intervention 30 mars 2007 - 7 mars 2007 à 16:50
cs_nicojet Messages postés 7 Date d'inscription mercredi 8 décembre 2004 Statut Membre Dernière intervention 30 mars 2007 - 7 mars 2007 à 17:55
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

stfou Messages postés 450 Date d'inscription samedi 16 avril 2005 Statut Membre Dernière intervention 18 avril 2007 3
7 mars 2007 à 16:56
<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
0
Zobibol Messages postés 469 Date d'inscription mercredi 9 janvier 2002 Statut Membre Dernière intervention 20 février 2017 6
7 mars 2007 à 17:01
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]
0
cs_nicojet Messages postés 7 Date d'inscription mercredi 8 décembre 2004 Statut Membre Dernière intervention 30 mars 2007
7 mars 2007 à 17:20
ç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 !!!!
0
cs_nicojet Messages postés 7 Date d'inscription mercredi 8 décembre 2004 Statut Membre Dernière intervention 30 mars 2007
7 mars 2007 à 17:55
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>
0
Rejoignez-nous