Coordonnées souris
Résolu
babe59
Messages postés
189
Date d'inscription
vendredi 28 mai 2004
Statut
Membre
Dernière intervention
27 novembre 2015
-
3 févr. 2012 à 17:44
cs_Megafan Messages postés 389 Date d'inscription dimanche 7 avril 2002 Statut Membre Dernière intervention 23 septembre 2016 - 4 févr. 2012 à 11:37
cs_Megafan Messages postés 389 Date d'inscription dimanche 7 avril 2002 Statut Membre Dernière intervention 23 septembre 2016 - 4 févr. 2012 à 11:37
1 réponse
cs_Megafan
Messages postés
389
Date d'inscription
dimanche 7 avril 2002
Statut
Membre
Dernière intervention
23 septembre 2016
2
4 févr. 2012 à 11:37
4 févr. 2012 à 11:37
Bonjour,
Point 1 : 2 solutions
- Utiliser une fonction ajax et en transférant les coordonnées de la souris sur l'image et avoir en retour le contenu du toolTip à afficher
- le serveur génère directement toutes les zones et en fonction de la position de la souris un script devra afficher le bon tooltip
Point 2 :
- sur le onclick de l'image, faites un document.location.href ='la page actuelle' et en passant les coordonnées de la souris pour que le serveur génère la bonne image.
Pour les fonctions de positions de la souris il en existe des centaines
Celle que j'utilise régulièrement (par contre à placer avant la fin du body
Utilisez une fonction pour déterminer le décalage de l'image cliquée en cas de scroll de l'écran.
Dans la fonction qui gère le click, il suffit donc de récupérer les valeurs
si l'image cliquée s'appelle : MonImage
Megafan
Développeur de http://www.o10c.eu (Lien)
La nouvelle référence en matière de jeu de stratégie spatiale.
Point 1 : 2 solutions
- Utiliser une fonction ajax et en transférant les coordonnées de la souris sur l'image et avoir en retour le contenu du toolTip à afficher
- le serveur génère directement toutes les zones et en fonction de la position de la souris un script devra afficher le bon tooltip
Point 2 :
- sur le onclick de l'image, faites un document.location.href ='la page actuelle' et en passant les coordonnées de la souris pour que le serveur génère la bonne image.
Pour les fonctions de positions de la souris il en existe des centaines
Celle que j'utilise régulièrement (par contre à placer avant la fin du body
<script type="text/javascript">
var IE = document.all ? true : false
if (!IE) {
document.captureEvents(Event.MOUSEMOVE)
document.addEventListener('DOMMouseScroll', WheelHidePopup, false);
} else {
window.onmousewheel document.onmousewheel WheelHidePopup;
}
document.onmousemove = getMouseXY;
function WheelHidePopup() {
MouseX MouseY 0;
}
var MouseX = 0;
var MouseY = 0;
function getMouseXY(e) {
var target;
if (IE) {
MouseX = event.clientX
MouseY = event.clientY
} else {
MouseX = e.pageX
MouseY = e.pageY
}
if (MouseX < 0) { MouseX = 0 }
if (MouseY < 0) { MouseY = 0 }
return true
}
</script>
Utilisez une fonction pour déterminer le décalage de l'image cliquée en cas de scroll de l'écran.
function calculeOffset(element, attr) {
// Description : La fonction calcule la position du coin haut/gauche horizontale ou verticale d'un lment HTML
// Paramtres
// - element : Element dont on doit calculer la position
// - attr (2 valeurs possibles) : 'offsetLeft' ou 'offsetTop'
var offset = 0;
while (element) {
offset += element[attr];
element = element.offsetParent;
}
return offset;
}
Dans la fonction qui gère le click, il suffit donc de récupérer les valeurs
si l'image cliquée s'appelle : MonImage
function MonImageClick() {
if (MouseX 0 && MouseY 0) return;
var obj = document.getElementById("MonImage");
var Nx = MouseX - calculeOffset(obj, "offsetLeft");
var Ny = MouseY - calculeOffset(obj, "offsetTop");
document.location.href = "MapageAréafficher.aspx?X=" + Nx + "&Y=" + Ny
}
Megafan
Développeur de http://www.o10c.eu (Lien)
La nouvelle référence en matière de jeu de stratégie spatiale.
