Coordonnées souris sur un layer
Bonjour à tous,
j'urilise 2 fonctions pour afficher les coordonnées souris, non pas par rapport à la page entière, mais par rapport à un layer nommé "banniere". Les positions s'affichent dans 2 champs texte nommés X1 et Y1.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
function twPositionRelative(evt) {
var nOffsetX;
var nOffsetY;
evt = (evt) ? evt : ((window.event) ? window.event : "");
if (evt) {
if (document.all) {
nOffsetX = evt.offsetX;
nOffsetY = evt.offsetY;
} else if (document.getElementById) {
nOffsetX = evt.pageX - document.getElementById("banniere").offsetLeft;
nOffsetY = evt.pageY - document.getElementById("banniere").offsetTop;
}
document.getElementById("X1").innerText = nOffsetX;
document.getElementById("Y1").innerText = nOffsetY;
}
}
function twInit() {
var oImage = document.getElementById("banniere")
if (oImage) {
oImage.style.cursor = "crosshair"
oImage.onmousemove = twPositionRelative
}
} |
Je précise que twInit() se charge avec le body.
Ca fonctionne: lorsque je bouge la souris sur le layer "banniere", les champs X1 et Y1 affichent bien les positions. Ce que je voudrais, c'est que lorsque je clique, ou double-clique (ou n'importe quelle autre action, clavier...) sur une position du layer, je puisse "figer" les coordonnées de ce point. Parce que actuellement, avec onmousemove, évidemment, les coordonnées changent dès que je bouge.
Quelqu'un a une idée ?
D'avance merci.
