Discussion :

[renaud26]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[javatwister]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

oImage.onmousemove = function(){if(!flag){twPositionRelative}}

ou flag est un booleen qui bascule quand tu cliques dans le document;

[renaud26]

ok, merci ! bien cool ta soluce. Bonne soirée