swap image avec OnMouseOver sur un select

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : swap image avec OnMouseOver sur un select

bis2kt

Bonjour,

je vais directement dans le vif du sujet, en gros j'ai un select et quand je passe sur les elements du select, je veux que l'image juste au dessus soit modifiée.

le JS:

Code :

function swap_img(newpic, source){
document.getElementById(source).src='imgs/'+newpic;
}

mon formulaire :

Code :

<img id="select_img" name="select_img" src="imgs/select_default.jpg" width="160" height="60"/>
<form name="form_crew" id="form_crew">
<SELECT NAME="crew" id="crew" onChange="javascript:view_crew();">
<OPTION VALUE="">- CHOISIS TON CREW -</OPTION>
<OPTION VALUE="lab" OnMouseOver="swap_img('select_lab.jpg','select_img')" OnMouseOut="swap_img('select_default.jpg','select_img')">LE LABEL</OPTION>
(...)
</SELECT>
</form>

donc voilà rien de très compliqué mais ça ne marche pas sous IE et Opera... (que sous firefox) et c'est d'autant plus étonnant que je fais appel a la même fonction à un autre endroit de la page et là ça marche correctement sous tous les navigateurs ???

si ça peut aider, voilà la partie qui fonctionne :

Code :

<ul id="liste_menu">
<li><a href="sonneries.php"><img id="menu_sonneries" src="imgs/menu_sonneries_r.jpg" alt="Sonneries" OnMouseOver="swap_img('menu_sonneries.jpg','menu_sonneries')" OnMouseOut="swap_img('menu_sonneries_r.jpg','menu_sonneries')"/></a></li>
<li><a href="images.php"><img id="menu_logos" src="imgs/menu_logos_r.jpg" alt="Logos" OnMouseOver="swap_img('menu_logos.jpg','menu_logos')" OnMouseOut="swap_img('menu_logos_r.jpg','menu_logos')"/></a></li>
(...)
</ul>

et il n'y a aucune erreur d'affiché dans la console JS sous Opera, et si je fais un alert de "document.getElementById(source).src' il ne se passe rien...

merci de votre aide

Message édité par bis2kt le 23-08-2006 à 19:56:40

Publicité

anapajari

s/travail/glanding on hfr/gs;

tu n'as pas d'events sur les options dans IE ( sur opéra je sais pas)

bis2kt

désolé je connais pas du tout IE et je peux pas te répondre. Je trouve pas de console...

anapajari

s/travail/glanding on hfr/gs;

c'était pas une question mais une affirmation

Les declarations on(click|mouveover|mouseout ...) sur une balise option ne fonctionnent pas dans IE [:spamafote]

bis2kt

ha ok après quelques recherches, sous Opera non plus.
Halala... comme si il n'y avait pas déjà assez de problème de compatibilité avec les CSS, faut encore que le JS fasse des histoires. j'adoooOoore le web :bounce:
j'ai été obligé de faire un faux <select> en flash...

Message cité 1 fois
Message édité par bis2kt le 29-08-2006 à 11:35:45

gatsu35

Blablaté par Harko

bis2kt a écrit :

tu es fou ma parole
fallait alors gerer l'evenement sur le select via onchange. et selon la value du option (reportée au select) tu gerai tes truc

anapajari

s/travail/glanding on hfr/gs;

C'est [edit]PAS[/edit] la même chose un mouseover sur une option et le fait de la selectionnée!!!
Tu peux très bien passer "au dessus" sans pour autant cliquer dessus [:spamafote]

edit: c'est fou ce qu'un mot manquant peut changer le sens!

Message édité par anapajari le 29-08-2006 à 15:16:56

bis2kt

yep, le probleme de onchange c'est que ça fonctionne au clic, moi je voulais un simple rollover

FORUM HardWare.fr

Programmation

HTML/CSS

swap image avec OnMouseOver sur un select

Sujets relatifs
Pourquoi mon image s'affiche apres redimension ?	EJB select plante avec ORA constraint violation
comment créer une image .htm ?	scroll barre avec texte et image
[Résolu / SQL] Update avec select ?	Redimensionner une image aussi grande!
Besoin aide pour créer un pop-up ou une image en 1er plan	[Résolu] Centrage CSS et liste à image de fond
Mettre une image de fonds (forum PhpBB)	Select multiple recuperer toutes les valeurs
Plus de sujets relatifs à : swap image avec OnMouseOver sur un select

Page générée en 0.069 secondes