Problème sécurité onmouseover sous IE

Fermé
leo1993 Messages postés 10 Date d'inscription samedi 16 mai 2009 Statut Membre Dernière intervention 25 mars 2011 - 16 mai 2009 à 14:59
leo1993 Messages postés 10 Date d'inscription samedi 16 mai 2009 Statut Membre Dernière intervention 25 mars 2011 - 16 mai 2009 à 21:33
Bonjour,

Tout d'abord toutes mes excuses si la réponse se trouve déjà sur le forum, mais j'ai chercher sans vraiment trouver la solution à MON problème.

Je suis actuellement en train de créer un site internet en html avec kompozer pour une amie, dans lequel se trouve un menu avec des boutons (sous forme d'images et non en texte), et lorsque la souris survole un de ceux ci, l'image change (utilisation de "onmouseover" et "onmouseout")

J'utilise Mozilla, et aucun problème (j'ouvre le site web à partir de mon disque dur, car il n'est pas encore sur le web). Mais j'ai eu l'idée d'essayer avec IE, et là problème : la fameuse barre d'informations sur laquelle je suis obligé de cliquer à chaque fois pour pouvoir voir mes boutons marcher correctement ("Pour vous aider à protéger votre ordinateur, Internet Explorer a restreint l'exécution des scripts ou des contrôles ActiveX de cette page Web qui pourraient accéder à votre ordinateur. Cliquez ici pour afficher plus d'options").

J'ai essayé de refaire ces boutons en changeant la façon dont c'est écrit dans le bloc notes en utilisant le même modèle que sur un site internet très simple que j'avais trouvé et où ça marchait très bien (désolé je me souviens plus du site, enfin bon il n'y a aucun site qui n'utilise pas ces contrôles active X maintenant...), mais le problème persiste.

Je vous met quand même l'exemple de ce qui est écrit pour un de mes boutons :
<a href="contact.htm" onmouseover="document.img_6.src='images/menu/contact1.png';" onmouseout="document.img_6.src='images/menu/contact.png';"><img src="images/menu/contact.png" style="border: 0px solid ; width: 132px; height: 49px;" alt="" class="img" name="img_6">

J'ai également essayer de supprimer tous les boutons pour voir si le problème venait d'ailleurs, mais à ce moment là ça marche très bien, pas de barre d'information...

Est-ce donc normal qu'avec mon site, IE m'affiche cette barre? est ce que ça vient du fait que le site n'est pas en ligne mais sur mon ordi? Car un site où l'on vous dit que vous êtes à moitié en danger dessus, je ne pense pas qu'il aura grand succès, compte tenu du nombre d'utilisateurs d'IE...

Toute proposition est la bienvenue,

Merci à ceux qui auront pris le temps de me lire,
A bientôt

4 réponses

sa peut effectivement venir du fait que ton site soit en local. par contre je trouve la méthode de over assez lourde, tu pourrais simplement fair sa avec du css en utilisant les pseudo class "a:hover"

exemple:

html
<ul id="menu">
<li><a href="...">lien</a></li>
</ul>


css
#menu{
...
}
# menu li a{
display:bock;
height: la hauteur de ton image;
width: la largeur;
text-decoration:none;
...
background-image:url(ton_image_au_repos);
}
#menu li a:hover{
background-image:url(ton_image_en_over);
}


voila a peut près (c'est fait sur le coup a vérifier) tu peut trouver des tutos sur internet

pazz
0
leo1993 Messages postés 10 Date d'inscription samedi 16 mai 2009 Statut Membre Dernière intervention 25 mars 2011 2
16 mai 2009 à 19:39
Salut et merci,

Je ne comprends pas pourquoi tu dis que la méthode over est lourde, car elle fait à peu près le même nombre de caractère que la tienne (??). Peut-être voulais tu dire pour l'organisation, enfin s'y retrouver plus facilement quand on travaille dans le bloc-notes?
Quels avantages apportent ta méthode?
Étant qu'il y a 6 boutons (différents bien sûr) dans le menu, dans le css il faut faire quoi? Genre changer la balise "li" par "li1" puis "li2" etc... et remettre ça en html.

Je dois t'avouer que j'ai un peu la flemme de changer les 6 boutons de menu de mes 7 pages web, mais si ça apporte des bons avantage je m'y mettrais.

Merci et à plus tard.
0
par exemple le souci des active x disparaitra avec ma méthode ;) et sur ma méthode tu n'utilise que deux image une au repos et une over (image de fond avec ensuite le text par dessus) tes bouton sont-ils complètement différent ? ou c'est simplement le texte qui change ? ... car il serait plus simple de créer le fond et ensuite le texte html. sinon je peut te proposer un autre script si il faut vraiment parceque là c'est vraiment pas le top crois-moi.

pazz
0
leo1993 Messages postés 10 Date d'inscription samedi 16 mai 2009 Statut Membre Dernière intervention 25 mars 2011 2
16 mai 2009 à 21:33
C'est vrai qu'en y réfléchissant, je peux sans trop de problèmes m'arranger pour que le menu soit en fait le fond et rajouter le texte par dessus.

Tu vas vraiment me trouver tordu, mais je me suis vraiment compliqué la vie pour faire ces boutons, il a fallut que je fasse mon menu à partir d'un éditeur d'images (photofiltre), et ensuite que je découpe en plein de parties pour que chaque image correspondant à un lien soit séparée du reste, bref pour 6 liens je me retrouvais avec une grosse quinzaine de petites images (et oui il fallait une image pour chaque bouton plus les bordures en haut, à droite, à gauche et en bas...) sans compter celles pour le onmouseover, où juste la couleur du texte changait... je te dis pas l'espace que ça prend pour rien.

J'ai pourtant passé quelques heures sur des tutos pour la création d'un site web, mais je n'ai pas assez réfléchi à une autre solution pour cette histoire de menu, puis bon c'est mon premier site internet, c'est comme ça qu'on apprend !

Je me souviens que j'avais lu rapidement une page qui expliquait comment mettre du texte avec une histoire de "hover" en effet, faut que je retrouve ça et que j'applique.

Merci beaucoup pour ton aide, ça m'évitera bien des complications.

Juste pour te donner une idée de mon menu et du temps que j'ai pu y passer, je te mets une copie d'écran de celui ci :

https://www.casimages.com/i/090516093319624469.jpg.html
Je t'entends déjà dire : "Wahou!" ;-)

Encore merci
0