Déplacer une image en cliquant sur la page [Résolu]
loicseg168
Messages postés dimanche 26 février 2006Date d'inscription
30 septembre 2011
Dernière intervention
-
27 août 2008 à 18:45 - Dernière réponse : cs_biloute54
- 13 juin 2010 à 12:53
Bonjour a tous,
je cherche un code qui permet de déplacer une image en cliquant sur la page et que celle-ci vient à la position du curseur.
Je ne veux pas que l'image suivent la souris, ni devoir cliquer sur l'image pour la déplacer. Merci d'avance pour votre aide précieuse.
bonjour
petit script que j'ai fait il y a longtemp attention ne marche qu'avec IE
<html>
<head>
<TITLE></TITLE>
<SCRIPT>
function deplace(){
var igrec=window.event.offsetY
var ixe=window.event.offsetX
document.getElementById('oxo').style.top=igrec+'px';
document.getElementById('oxo').style.left=ixe+'px';
}
</SCRIPT>
Cette réponse vous a-t-elle aidé ?Merci pour votre retour.
N'oubliez pas de prendre quelques secondes pour remercier l'auteur : Merci pour votre retour.
Nous sommes désolés. Notre objectif est de vous donner la meilleure réponse possible.
bonjour,
extrèmement qimple à faire.
onclick sur la page ==> récupération des coordonnées de la souris,
qu'on répercute à celles de l'image.
Cordialement Bul
loicseg168
Messages postés dimanche 26 février 2006Date d'inscription
30 septembre 2011
Dernière intervention -28 août 2008 à 10:19
0
Utile
Merci pour l'info, aurais tu un exemple de code ?
Il faut deux fonctions ? une pour récupérer la position du curseur et une seconde pour appliquer la position a la souris c'est ça ?
un exemple ? te faire le code quoi !
et le tien ? qu'est-ce qui plante ? que n'arrives-tu pas à faire ?
mets le nous, on t'aidera à mettre au point.
1 seule fonction ( moins de 10 lignes ) suffira
Cordialement Bul
déjà c'est exclusif IE, ça ne fonctionnera pas avec FF
( mais on verra cela après si tu veux ).
et ton image ? elle est où ?
elle poosède un style="position.absoulte;top:0px;left:0px";
"il suffit" de mettre à jour ton_image.styleleft=horizontal+"px";
et ton_image.style.top=vertical+"px";
loicseg168
Messages postés dimanche 26 février 2006Date d'inscription
30 septembre 2011
Dernière intervention -28 août 2008 à 11:21
0
Utile
Désolé, jai donc ça :
<html><head>
<script type="text/javascript">
function onclick_page(event)
{
var x = event.clientX;
var y = event.clientY;
personnage.style.top = vertical+"px";
personnage.style.left = horizontal+"px";
</script></head>
loicseg168
Messages postés dimanche 26 février 2006Date d'inscription
30 septembre 2011
Dernière intervention -28 août 2008 à 11:29
0
Utile
merci pour ce code mais je comprend pas pourquoi le mien ne fonctionne pas :
<html><head>
<script type="text/javascript">
function onclick_page(event)
{
var y = window.event.offsetY;
var x = window.event.offsetX;
document.getElementById('personnage').style.top=y+'px';
document.getElementById('personnage').style.left=x+'px';
</script></head>
il restera à assurer la compatibilité avec FireFox
regarder du coté de event.pageX; et event.pageY; où là le event passé
en paramètre à la fonction servira, alors qu'avec IE il est inutile.
Cordialement Bul
et pourquoi tu cries ?
tu as une solution non ?
reste à adapter pour FF, je t'ai donné ce qu'il faut,
fais et si ça ne marche pas, reviens.
on ne t'a pas aidé ? ça ne marche pas ?
où en es-tu ? qu'est-ce qui plante ? ....
CordialementBu
<html>
<head>
<script type= "text/javascript">
function onclick_page(event)
{
var y = window.event.offsetY;
var x = window.event.offsetX;
document.getElementById('personnage').style.top=y+'px';
document.getElementById('personnage').style.left=x+'px';
}
</script></head>
personne ne se moque de toi ce que bultez cherche a faire c'est t'expliquer pour que tu puisse comprendre mais il considere que tu doit faire un minimum d' efforts car il arrive souvent sur le forum que des personnes demandes qu'on leurs fasse tout le travaille.
et sinon j'avoue que tu a fait des efforts et que tu t'est pas trop mal debrouille.
pour finir bultez aide beaucoup les gens sur le forum.
