[JAVASCRIPT]Comment récuperer les coordonné de la souris

Comment récuperer les coordonné de la souris [JAVASCRIPT] - Programmation

Marsh Posté le 27-03-2001 à 14:37:58    

ouais je veux recuperer les coordonnées de la souris et afficher une image au coordonnée de la souris, ca doit etre possible, oui mais comment la est la question.

Reply

Marsh Posté le 27-03-2001 à 14:37:58   

Reply

Marsh Posté le 27-03-2001 à 14:48:02    

il y a deja les reponses sur ce forum... suffit d'une petite recherche :D

Reply

Marsh Posté le 27-03-2001 à 17:35:33    

desole mais je n'ai pas trouvé de reponse à ma question meme en cherchant donc si quelqu'un pouvait m'aider

Reply

Marsh Posté le 27-03-2001 à 17:52:33    

Tu cliques sur le lien recherche en haut à droite lorsque tu arrives sur le forum programmation  
 
puis dans la case à droite de "Rechercher les mots :" tu tapes "coordonnees+souris",
 
à la select box "Rechercher dans " tu choisis "dans le contenu des topics"  
 
et enfin dans celle ci "Rechercher depuis" tu choisis "depuis la creation du forum"  
 
et tu tomberas sur une page de resultats ou tu pourras aller sur ces topics :
 
http://forum.hardware.fr/sqlforum/forum2.php3?post=2228&cat=10&config=config.inc&cache=
 
http://forum.hardware.fr/sqlforum/forum2.php3?post=3254&cat=10&config=config.inc&cache=


---------------
Ce qui vaut la peine d'être fait vaut la peine d'être bien fait
Reply

Marsh Posté le 27-03-2001 à 17:55:16    

sous netscape:
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown = clicked;
clicked(e)
{
    e.pageX;//e correspond à un évenement
}
 
sous IE:
clicked()
{
    event.clientX;
}
document.onclick = clicked;


---------------
http://www.cheata.net le site qui vous donne la banane!
Reply

Marsh Posté le 27-03-2001 à 19:33:15    

effectivement j'avais deja posté la solution pour ie. Il faut utiliser l'evenement onMouseMove et comme ca tu as les coordonnées de la souris des qu'elle bouge quelque soit l'endroit ou elle se trouve sur la page. En plus tu peux meme connaitre l'objet sur lequel elle se trouve.
 
je le reposte

Reply

Marsh Posté le 27-03-2001 à 19:36:12    

voila un exemple pour ie. En plus c'est un exemple pour le drag & drop d'objets (bouton, textarea,div,...)
 
 
<html>  
<head>  
<title>Drag & Drop</title>  
</head>  
<body>  
<script language="javascript">  
  var dx=0;  
  var dy=0;  
  var objet=null;  
  var mv=0;  
 
  function md() {  
    if (event.srcElement.tagName!="BODY" ) {  
      objet=event.srcElement;  
      }  
    dx=event.offsetX;  
    dy=event.offsetY;  
    mv=0;  
    }  
 
  function mm() {  
    if (objet!=null) {  
      objet.style.left=event.clientX-dx;  
      objet.style.top=event.clientY-dy;  
      }  
    document.all.z.value="Ecran : "+event.screenX+","+event.screenY+"\nFenêtre : "+event.clientX+","+event.clientY+"\nObjet : "+event.offsetX+","+event.offsetY+" => "+event.srcElement.tagName+" ["+event.srcElement.name+"]";  
    mv=1;  
    }  
 
  function mu() {  
    objet=null;  
    }  
 
  function cb() {  
    if (mv==0) {  
      alert("evenement \"onClic\" sur le bouton \""+event.srcElement.name+"\"." );  
      }  
    }  
 
  document.onmousedown=md;  
  document.onmousemove=mm;  
  document.onmouseup=mu;  
</script>  
<textarea name="z" rows="3" cols="40" style="position:absolute;left:102px;top:0px">Vous pouvez déplacer tous les éléments présents sur cette page.</textarea>  
<input name="bouton de toto" type="button" value="Le Drag & Drop c'est génial" style="position:absolute;left:102px;top:55px" onClick="cb()">  
<div name="coucou" style="position:absolute;left:0px;top:0px;width:100px;height:200px;background-color:C0C0C0"></div>  
</body>  
</html>

Reply

Marsh Posté le 27-03-2001 à 20:53:04    

ok d'accord j'avais peut etre mal cherché, merci quand meme, ca m'a bien aidé, mon site commence à avoir une belle petite tete
je m'excuse pour avoir ete faineant
merci

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed