Accueil > Forum > > > > Image + position
 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.offsetXtempY = event.offsetYif (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.
|
|
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
 Livres en rapport
|
Derniers Blogs
 UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Vincent Bellet et Baptiste Giraudier La BI dans SharePoint 2010, Les nouveaux services d'application dans SP2010 et SQL Server Reporting services 2008 R2. La BI dans SharePoint est généralisée pour tous afin de permettre à tous les coll...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
 DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|