begin process at 2012 05 29 18:36:12
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

problème avec onmouse over avec internet explorer


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

problème avec onmouse over avec internet explorer

jeudi 27 janvier 2011 à 19:37:07 | problème avec onmouse over avec internet explorer

dchathuant

Bonjour,

j'ai fait un site (http://aikidochauray.chez.com) que je voudrais améliorer avec une animation flash du type onmouseover.
J'ai plusieurs pb en fait :
Sur la dernière page (http://aikidochauray.chez.com/index_fichiers/page0009.htm) j'ai 2 images principales et je voudrais grossir un détail en passant la souris dessus. J'ai donc fait des grossissements de l'image que j'ai mis en opacité 100% et quand je passe la souris dessus l'image grossis apparait.
1er pb les images grossis sont d'abord apparent
2nd pb toutes la fonction onmouseover et onmouseout ne marche pas sous internet explorer (navigateur de m...)

le code pour l'animation est :
<span style='mso-ignore:vglayout;position:
absolute;z-index:150;left:350px;top:-400px;width:106px;height:192px'><a
<img src="kata31/kata1-2.gif" width="306" height="380" onmouseover="javascript:this.style.opacity='1';" onmouseout="javascript:this.style.opacity='0';"/></span>

PS: je débute dans les codes sources et j'ai construit à partir de Publisher que j'ai "amélioré" ensuite
jeudi 27 janvier 2011 à 20:33:25 | Re : problème avec onmouse over avec internet explorer

kazma

Administrateur CodeS-SourceS
opacity n'est pas reconnu par ie pour ie il faut faire

Code Javascript :
this.style.filter = 'alpha(opacity=100)'


mais je pense que se serait mieux d'utiliser display compatible avec tous les navigateurs avec comme valeur none pour pas visible et block pour visible

Code Javascript :
this.style.display = 'none'


vendredi 28 janvier 2011 à 13:36:16 | Re : problème avec onmouse over avec internet explorer

dchathuant

salut kazma et merci de ta réponse.
J'ai essayé les 2 solutions que tu m'as proposé et ...
avec this.style.filter = 'alpha(opacity=100)' ça marche ... que sous internet explorer et pas sur Firefox (hélas)
et avec this.style.display = 'none' cela clignote quand la souris reste sur l'image.

Ta première solution me plait bien. Sais-tu pourquoi les images grossis apparaissent d'abord visible ?
encore mi de ta réponse
vendredi 28 janvier 2011 à 13:36:44 | Re : problème avec onmouse over avec internet explorer

dchathuant

désolé je voulais dire "encore merci de ta réponse"
samedi 29 janvier 2011 à 12:15:58 | Re : problème avec onmouse over avec internet explorer

kazma

Administrateur CodeS-SourceS
les images sont visibles au démarrage car leurs opacite est de 1 il faut rajouter un style

Code HTML :
<img width="286" height="385" src="kata31/kata5.gif" style="alpha(opacity=0);opacity:0" onmouseout="this.style.filter ='alpha(opacity=0)';this.style.opacity='0'" onmouseover="this.style.filter = 'alpha(opacity=100)';this.style.opacity='1'"/></span>



samedi 29 janvier 2011 à 19:54:23 | Re : problème avec onmouse over avec internet explorer

dchathuant

ouaaaa... après plusieurs jours de galère tu m'as donner quasiment la soluce (je dis quasiment car avec internet explorer, ce soit disant navigateur, les images restent bloquées, mais tant pis les gens n'ont qu'à prendre un vrai navigateur).
donc effectivement je déclare officiellement à tous ceux qui ont un problème similaire que la soluce de kazma marche !!! merci


Cette discussion est classée dans : problème, pb, explorer, internet, onmouse


Répondre à ce message

Sujets en rapport avec ce message

Internet Explorer/Mozilla [ par alahyaneali ] BonjourJ'ai un petit problèmeJ'ai fais un programme qui m'affiche dans une page une successiond'images avec un timer.Sur Internet explorer ça marche t Problème Netscape7.02 [ par defluc ] BonjourJ'ai écrit des Javascripts qui régissent correctement sous Internet Explorer mais non sous Netscape 7.02.Plus précisément, le changement d'affi pb avec internet explorer [ par atb126 ] ben voila mon navigateur ne veut plus etre mon navigateur par defautsproblem parceque je n'est pas dautre navig comment :il ne fait qu'afficher les pa Problème compatibilité Internet Explorer [ par FloKun ] Bonjour à tous, j'ai récupéré une menu milonic sur je ne sais plus quel post (je cherche depuis 1/4 d'heure :( ) et je l'ai adapté au site de mon entr Problème d'affichage du site perso sous Internet Explorer 7 [ par Justkill ] Bonjour à vous tous,je viens pas souvent sur ce forum, mais lorsque que je viens c'est vraiment que j'ai rien trouvé.Voilà mon problème, j'ai un site jQuery: problème internet explorer [ par boubeuch1 ] Désolé pour le thème je n'est jamais fais de java script alors je savais pas trop où le placer. Alors voilà mon problème: J'ai télécharger et utilise Problème onMouseOver & onMouseOut avec Internet Explorer [ par BubbleSlade ] Bonjour tout le monde,voila je réalise un site ou j'aimerais avoir un menu avec une variation d'images lors d'un survol sur chaque item.Cependant j'ai Problème Firefox & Explorer [ par homer59650 ] Bonjour quand je met dans ma page ceci: [code=js][/code] ce qui fait dans les head il y a cela: [code=html] ZelGrafik by XnEoZ Pour KitGraphiq Problème sur un menu déroulant [ par subaqua ] Bonjour à tous, Je sus en train de me faire mon petit site pour apprendre les bases. J'ai inséré un menu déroulant vertical piloté en java. Il marche blocage script internet explorer [ par floflor ] Bonjour, Je suis entrain de créer un site, et dedans j'ai mis une gallerie photo et j'ai utilise le script de TINYSLIDER (qui est libre), sous mozzi


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 3,026 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales