begin process at 2012 02 12 17:47:01
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

Image + position

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

Image + position

dimanche 27 mars 2005 à 15:13:55 | Image + position

titideleu
Bon voila tout d'abord bonjour ...
Voila j'ai un petit problème : je voudré faire un script qui détecterait la position de la souris sur une image ... ne me demander pa pourquoi car personnellement je ne saurait pas comment vous expliquer ... dsl ...
MERCI D'AVANCE !!!!

L'erreur est humaine et l'humain est une erreure
dimanche 27 mars 2005 à 17:46:59 | Re : Image + position

Arto_8000
Je ne suis pas sur que tu puisse avoir la position par rapport à une image,mais tu peux l'avoir par rapport à la page avec les attribut :
- window.event.clientY
- window.event.clientX
Aussi si tu veux créer des zone dans ton image tu peux utiliser une image map.
dimanche 27 mars 2005 à 21:49:56 | Re : Image + position

titideleu
Oui mais ce n'est pas une image mappée que je veux faire mais bien retourner dans deux <input type="text>, X et Y, la position de la souris dans l'image

L'erreur est humaine et l'humain est une erreure
lundi 28 mars 2005 à 17:28:17 | Re : Image + position

titideleu
Il me semble avoir trouver, mais cela ne marche que lors d'un click :

<html>
<head>
<title></title>
</head>
<body>
<img id="myimage" src="Votre Image.jpg" onclick="souris()" >

<script language="JavaScript1.2">
startx = 0;
starty = 0;
var IE = document.all?true:false

function moveL()
{
xv = tempX;
yv = tempY;

}

if (IE&&myimage.filters)
document.all.myimage.onmousemove = getMouseXY;
var tempX = 0
var tempY = 0


function getMouseXY(e) {
tempX = event.offsetX
tempY = event.offsetY

if (tempX < 0){tempX = 0}
if (tempY < 0){tempY = 0}
if (t)
{
moveL();
}

return true
}

var xv = startx;
var yv = starty;
var t= true;
if (IE&&myimage.filters){
myimage.style.cursor="crosshair";
}
function souris () {
window.status="X : "+xv+" ; Y : "+yv;
document.form1.a.value = xv;
document.form1.b.value = yv;
}
</script>
<br><br>
<form name="form1">
X = <input type="text" size="2" value="0" name="a" ><br>
Y = <input type="text" size="2" value="0" name="b" >
</form>
</body>
</html>


Dites ce que vous en pensez ...

L'erreur est humaine et l'humain est une erreure
lundi 28 mars 2005 à 17:29:29 | Re : Image + position

titideleu
excusez moi le window.status... est facultatif, vous pouvez l'enlever ...

L'erreur est humaine et l'humain est une erreure
lundi 28 mars 2005 à 18:17:55 | Re : Image + position

Arto_8000

Ton script marche bien, mais si tu veux toujours voir la position exact sur l'image tu n'as qu'à mettre dans la balise <BODY> onmousemove="souris()" et sa va toujours rafraîchir les positions.
lundi 28 mars 2005 à 18:17:55 | Re : Image + position

Arto_8000

Ton script marche bien, mais si tu veux toujours voir la position exact sur l'image tu n'as qu'à mettre dans la balise <BODY> onmousemove="souris()" et sa va toujours rafraîchir les positions. n
lundi 28 mars 2005 à 20:47:08 | Re : Image + position

titideleu
Merci c'est encore mieux

L'erreur est humaine et l'humain est une erreure
dimanche 31 juillet 2005 à 07:17:08 | Re : Image + position

xoransorvor
C'est justement ce que je cherchais !

Il ne reste plus qu'à le faire fonctionner sous Firefox.
Si quelqu'un pouvait m'aiguiller ce serai sympa
Si je trouve la soluce, je la posterai.

XoranSorvor
dimanche 31 juillet 2005 à 16:17:29 | Re : Image + position

Arto_8000
Les events sont différent pour IE et Gecko regarde un peu le lien ci-dessous :

[ Lien ]

Il y a une liste de ceux qui fonctionne sur Gecko (Netscape, Firefox, etc) seulement , de ceux qui fonctionne sur IE seulement et ceux qui fonctionne pour les deux navigateurs.

1 2

Cette discussion est classée dans : image, position

Répondre à ce message

Sujets en rapport avec ce message

récupérer la position d'une image [ par shinji_rem ] bonjour a tous,je recherche un script permettant de récupérer la donnée "left" (la coordonnée x) d'une image, sachant quelle n'est accessible que par Position absolu d'une image [ par GoldPegasus ] BonjourBon ba voila, j'aimerai savoir comment on fait pour récupérer la position d'un élément en pixel afin d placer un calque dynamiquement. Je suis Position du curseur sur une image [ par Xneo ] Salut! J'aurais besoin d'un petit coup de pouce, voir même d'un petit bout de code si possible...Voila, je voulais savoir s'il etait possible sur une position d'une image [ par Ferdi ] SalutDans une fenetre popup je place une image par l'instruction suivante qui se trouve dans cette meme fenetre:document.write("");Num represente un n position aléatoire d'un image dans une page HTML [ par valerie6983 ] C à dire, qu'à chaque fois que j'ouvre mon index.html, la petite image qui s'y trouve change de place dans la page de manière aléatoire.Est-ce possibl Position de la souris sur une image [ par REMqb ] Voila : comment obtenir la position X et Y de la souris quand elle est sur une image? Position background [ par PROTECTIONNISTE ] Bonjour,Je voudrais savoir si il est possible de faire démarrer la position de l'image à partir d'un nombre de pixel désiré, non pas au niveau de la f Position de la sourie sur une image [ par Gally ] Bonjour a tous,J'ai une nouvelle petite question: Est-il possible de connaitre la position de la sourie sur une image ou meme sur un Div et cela en pi faire bouger l'arrière plan d'un <div> [ par johnnylechat ] Bonjour à tous, Je vous expose mon problème : pour un menu, je dispose de liens définis de la manière suivante dans le css : "a {width:100%; height position d'image [ par hubisoft ] Bonjour à tous, merci d'avoir créer ce site, il m'aide énormémenttoujours penché sur la prochaine extension de call of duty 8, je me heurte à un probl


Nos sponsors


Sondage...

Comparez les prix


iPod touch 3rd Generation (64 Go)
Entre 374€ et 379€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Waterfall in Kauai Hawaii With RainbowPhoto Beautiful woman in a bikini meditating on the beach
Photo Water in the Beginning of the Grand Canyon 

Visiter la photothèque
 
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 : 9,625 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)