begin process at 2012 05 29 03:47:00
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

evenement OnMouseOver sur des images


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

evenement OnMouseOver sur des images

lundi 2 mars 2009 à 20:14:10 | evenement OnMouseOver sur des images

zatox

bonjour à tous, pour donner un peu plus de vie a mon site, j'aimerai utiliser l'evenement OnmouseOver sur certaines des images pour en changer la couleur.

mes deux images sont dans le même repertoire (a la racine du FTP)

voilà le code que j'utilise

[code]<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById("b1").src="btn_downloadblue.png"
}
function mouseOut()
{
document.getElementById("b1").src="btn_download.png"
}
</script>
</head><body>
<a href=" [ Lien ]" target="_blank" onmouseover="mouseOver()"
onmouseout="mouseOut()">
<img border="0" alt="Télécharger!" src="btn_download.png" id="b1" /></a>
</body>
</html>[/code]

le problème de ce code, c'est que sur la dizaine de boutons que je souhaite animer, seul le premier s'anime, les autes sont cliquables, les liens fonctionnent, l'infobulle ALT fonctionne, mais l'image ne change pas avec le onmouseover sur les 9 derniers boutons

Pouvez vous m'aider à corriger ce problème. Un grand merci d'avance

[ Lien ]

mardi 3 mars 2009 à 02:34:12 | Re : evenement OnMouseOver sur des images

jdmcreator

Bonjour, Voici le code légèrement modifié que je te recommanderais ;) Télécharger! Mais je ne suis pas totalement sûr de ce que tu demandais. Si ce n'est pas ce que tu voulais, simplement ajouter le code des 9 autres boutons ;)

JDMCreator
mardi 3 mars 2009 à 02:53:34 | Re : evenement OnMouseOver sur des images

jdmcreator

Réponse acceptée !
Scuse moi, voilà le bon ;) <html> <head> <script type="text/javascript"> function mouseOver(id) { document.getElementById(id).src="http://www.espacejavascript.com/images/script.jpg" } function mouseOut(id) { document.getElementById(id).src="btn_download.png" } </script> </head><body> <a href=" [ Lien ]" target="_blank"> <img border="0" alt="Télécharger!" onmouseover="mouseOver(this.id)" onmouseout="mouseOut(this.id)" src="btn_download.png" id="b1" /></a> </body> </html>

------JDMCreator
mardi 3 mars 2009 à 09:16:11 | Re : evenement OnMouseOver sur des images

zatox

Bonjour jdmcreator, et merci pour ce code modifié, je teste tout celà dans la matinée et je te tiens au courant

[ Lien ]
mardi 3 mars 2009 à 10:11:18 | Re : evenement OnMouseOver sur des images [résolu]

zatox

Me revoilà ,, Je tiens a te remercier, car ce code tou bête foctionne a merveiller . un grand merci à tois . A+

sujet [résolu]

[ Lien ]
mardi 3 mars 2009 à 17:44:16 | Re : evenement OnMouseOver sur des images

jdmcreator

Ça fait plaisir ;)

------JDMCreator


Cette discussion est classée dans : images, function, code, evenement, onmouseover


Répondre à ce message

Sujets en rapport avec ce message

Qui veut gagner des millions ?! [ par Stark ] GeneralStarkHello,Voilà la question à 1'000'000.... Est-il possible de réactiver un composant après qu'on l'ai désactivé avec javascript javascript et onMouseOver [ par ogas430 ] Re- !Comment specifier ce que doit faire le onMouseOver dans un tr ?J'essaye de faire cela : ...function maFonction() { alert('maF [XML XLMS] Somme d'un produit [ par bubuze ] Bonjour ! Désolé si je ne suis pas dans le bon site/forum, mais n'ayant rien trouvé pour xml, et développant un site xml/xls/javascript, je m'inscrus [XML/DTD/XSL/CSS/HTM] Exemple affichage d'images (tutorial) [ par bubuze ] [XML/DTD/XSL/CSS/HTM] Exemple affichage d'images (tutorial) Bonjour ! j'avance pas à pas en xml/xsl -> html, dans le but de créer des galeries de p problème de transparence à la suite [ par lkm ] Bonjour a tous,Je suis entrain de me faire un petit système de notation en php. Coté php pas de soucis tout fonctionne mais j'ai envie de me faire un menu xp modification [ par NKWolf ] bonjour tout le monde je suis un grand débutant et j'ai trouver le menu xp ici : http://www.javascriptfr.com/code.aspx?ID=16053 et mon problème est Code source d' images clignotants alternativement [ par TMZW ] Bonjour,  Je suis à la recherche d'un code source (javascript) qui puisse me permettre d'afficher sur un page HTML, deux images s'alternant dans un m document.write() depuis 1 function [ par alonsyl ] bonjour,par l'intermediaire d'une de mes "function" de mon j'actualise le contenu d'un  via la commande suivante : document.monForm.monInput.value = Préchargement images [ par jmtoulon ] Bonjour,je suis en train de créer un site de jeu de carte.Je fais une function qui pré charges les images de toutes les cartes de jeu (52)je voudrais Questions Javascript [ par luigi501 ] Bonjour, je suis en train de programmer un petit jeu. Le jeu ce compose de 20 cases sur une page html avec la possibilité de cliqué sur chacune des ca


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

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 : 0,874 sec (4)

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