+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : [Résolu] Position souris relative a un div & deplacement souris (/showthread.php?tid=3611)
[Résolu] Position souris relative a un div & deplacement souris - Argorate - 09-02-2009
Bonjour a vous,
Je suis actuellement entrain de finir de coder un petit jeu dans le cadre de mon BTS, j'ai déjà fini la création d'une mini-map représentant le terrain de jeu.
J'aimerais faire comme dans les jeu pro. où quand on clique sur la mini-map, l'écran part a l'endroit correspondant. (bien entendu pour un navigateur, c'est juste un div qui se déplace^^)
Pour se faire j'aurais besoin de savoir comment on fait en JS pour trouver la position de la souris par rapport a un div, et récupérer le déplacement x/y de la souris.
Si ce n'est pas possible d'avoir la position de la souris par rapport au div, il me fraudais alors savoir la position du div.
Si vous savez faire je suis a votre écoute.
EDIT:
J'ai trouvé ça:
Citation :function calcule_position( element )Pour récupérer la position d'un élément, cela vous semble correcte?
{
if( element.offsetParent )
{
for( var posX = 0, posY = 0; element.offsetParent; element = element.offsetParent )
{
//alert(element.tagName+'\nid :'+element.id+'\ny :'+element.offsetTop) ;
posX += element.offsetLeft;
posY += element.offsetTop;
}
return [ posX, posY ];
}
else
{
return [ element.x, element.y ];
}
}
Sinon, je cherche pour la position de la souris. (compatible IE & FF bien sur...)
EDIT2:
J'ai trouvé pour la position de la souris, meme si cela ne marche pas au survol d'une iframe...
http://www.javascriptfr.com/codes/FONTION-CONNAITRE-POSITION-SOUS-FIREFOX-AINSI-IE_36734.aspx
Merci.
RE: Position souris relative a un div & deplacement souris - Wells - 09-02-2009
le script que je t'ai donné suffit pas ?
RE: Position souris relative a un div & deplacement souris - Argorate - 10-02-2009
J'ai fait un mix des deux car celui du lien ne prenais pas les scroll en compte, donc avec se que tu m'as donné j'ai utilisé le scrollLeft et Top, ça marche très bien!
Associé a de l'Ajax et pouf on a une mini-map qui déplace le plateau de jeu
RE: Position souris relative a un div & deplacement souris - gameprog2 - 18-02-2009
Quoi ? tu utilise des frames Argorate ?
RE: Position souris relative a un div & deplacement souris - Argorate - 23-02-2009
J'utilise quelques iframes (aucune frame, burk!) car je ne connaissais pas (ou plutôt qu'AJAX n'existait pas) quand j'ai débuter la création de mon jeu, mais ça va dégager ne t'inquiète pas
RE: [RESOLUE]Position souris relative a un div & deplacement souris - Anthor - 24-02-2009
J'en utilise pour corriger les bugs d'IE6 avec les select, tu connais pas GameProg2 ? bizarre ^^