Fonction onMouseOver, comment faire ??
Résolu/Fermé
A voir également:
- Fonction onMouseOver, comment faire ??
- Fonction si et - Guide
- Fonction moyenne excel - Guide
- Comment faire fonctionner chromecast - Guide
- Fonction somme excel - Guide
- Fonction remplacer word - Guide
9 réponses
Nhay
Messages postés
838
Date d'inscription
vendredi 2 novembre 2012
Statut
Membre
Dernière intervention
17 décembre 2015
126
Modifié par Nhay le 3/11/2012 à 12:07
Modifié par Nhay le 3/11/2012 à 12:07
Si tu le met par dessus, ça cachera forcément un bout de l'image :/
Mais sinon, tu prépare simplement ta div, sans fonds, avec ton bouton en display:none, au survol tu l'affiche, et un petit onclick sur l'image pour lancer ton téléchargement.
Tu rajoute la même fonction sur la div, et peut importe où l'utilisateur cliquera, le téléchargement se lancera.
Mais sinon, tu prépare simplement ta div, sans fonds, avec ton bouton en display:none, au survol tu l'affiche, et un petit onclick sur l'image pour lancer ton téléchargement.
Tu rajoute la même fonction sur la div, et peut importe où l'utilisateur cliquera, le téléchargement se lancera.
Utilisateur anonyme
3 nov. 2012 à 12:11
3 nov. 2012 à 12:11
mon bouton téléchargement c'est un image PNG (pour la transparence, qui fait la même taille que l'image de base (256*256)
mais quand je met une div ça me déplace l'image :/
mais quand je met une div ça me déplace l'image :/
Nhay
Messages postés
838
Date d'inscription
vendredi 2 novembre 2012
Statut
Membre
Dernière intervention
17 décembre 2015
126
Modifié par Nhay le 3/11/2012 à 12:14
Modifié par Nhay le 3/11/2012 à 12:14
Met une position absolute sur ta div dans ce cas.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Utilisateur anonyme
3 nov. 2012 à 12:24
3 nov. 2012 à 12:24
je viens de tester, et même en fixant DIV, j'ai des gros bugs !
si je te passe une parti du code, tu pense pouvoir me le faire ?
si je te passe une parti du code, tu pense pouvoir me le faire ?
Nhay
Messages postés
838
Date d'inscription
vendredi 2 novembre 2012
Statut
Membre
Dernière intervention
17 décembre 2015
126
3 nov. 2012 à 12:49
3 nov. 2012 à 12:49
Un truc comme ça devrait fonctionner :
<div style='position:absolute;display:none;top:50px;left:50px;' id="img_dl" onClick="telecharger();"><img src='/ton_image_bouton.png' /></div>
<img src='tonimage.png' onMouseOver="affich_image();" onMouseOut="cache_image();" onclick="telecharger();" />
<script>
function affich_image(){
bouton=document.getElementById("img_dl");
bouton.style.display="block";
}
function cache_image(){
bouton=document.getElementById("img_dl");
bouton.style.display="none";
}
function telecharget(){
//Mettre ta fonction.
}
</script>
Utilisateur anonyme
3 nov. 2012 à 13:26
3 nov. 2012 à 13:26
Merci beaucoup mec ! seul bémol, c'est que l'image clignote, et si j'ai bien compris, il comme il faut que je répète cette action sur 35 images avec 35 liens différent, il faut que je créé 35 fonction telecharger ? :o
Nhay
Messages postés
838
Date d'inscription
vendredi 2 novembre 2012
Statut
Membre
Dernière intervention
17 décembre 2015
126
3 nov. 2012 à 13:36
3 nov. 2012 à 13:36
Hum, nan, tu modifier la fonction télécharger pour récupérer le src de l'image cliquer.
Pareil pour les fonctions afficher/cacher, tu peut retrouve la position qu'il faut en prenant celle du curseur au moment du onmouseon, comme ça tu n'a qu'une div qui se déplacera au bonne endroit.
Pareil pour les fonctions afficher/cacher, tu peut retrouve la position qu'il faut en prenant celle du curseur au moment du onmouseon, comme ça tu n'a qu'une div qui se déplacera au bonne endroit.
Utilisateur anonyme
3 nov. 2012 à 16:53
3 nov. 2012 à 16:53
re, du coup avec cette méthode je n'ai pas réussi il y avait des bugs donc en fait j'ai créé toutes les images en doubles (une normale + son clone avec le bouton télécharger en plus).
Mais merci quand même !
Mais merci quand même !
