Discussion :

[RyzenOC]

Bonjour, j'aimerais que mon script récupère la position de la souris même sur une iframe :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
cible = document.getElementsByTagName('body')[0];
cible.addEventListener('mousemove', positionSouris, false);
 
function positionSouris(event) {
	var posX;
	var posY;
	posX = event.clientX;
	posY = event.clientY;
	document.getElementById('divPosition').innerHTML= 'Coordonnées de la souris :<br/>X = ' + posX + '<br />Y = ' + posY;
}

Sa marche sur tout les éléments (p, div...) mais pas sur une iframe :

Code :

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

<IFRAME frameborder="1" id="ifrm" src="/iframe.php" scrolling="yes" width="50%" height="50%"></IFRAME>

[sekaijin]

une iframe c'est une fenêtre

tu ne peux donc pas accéder à ce qu'il y a dans l'iframe.
par contre c'est comme une fenêtre fille l'iframe peut inter agir avec sa parente

tu peux donc mettre dans ton iframe un code js qui capte les coordonnées de la souris et qui appelle une méthode de la fenêtre parente pour les traiter.

mais cela reste à l'initiative de l'iframe

A+JYT

[RyzenOC]

Y'a pas moyen de faire directement un

Code :

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

document.parent.getElementById('divPosition')

dans l'iframe ?

Mais j'ai peur que sa rentre en conflit avec ma fonction dans le parent.

[sekaijin]

les bonnes pratiques sont de ne jamais manipuler ce qui nous appartient pas et de laisser le détenteur faire le boulot.

dans le parent

Code :

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

1
2
3
function positionSourisDansIFrame(posX, posY) {
	document.getElementById('divPosition').innerHTML= 'Coordonnées de la souris :<br/>X = ' + posX + '<br />Y = ' + posY;
}

et dans la fille

Code :

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

1
2
3
function positionSouris(event) {
	document.parent.positionSourisDansIFrame(event.clientX, event.clientY);
}

A+JYT

[RyzenOC]

Comment je récupère posX et posY, dois-je faire une autre fonction qui retourne ces valeurs ?

Et sa veut dire quoi event.clientX ?

Merci pour ton aide.

[sekaijin]

dans la page qui s'affiche dans l'iframe tu met un Javascript qui gère l'événement
comme ce que tu voulais faire dans la page parente

vu que tu gère un événement souris tu as un objet event qui est cet événement
et cet objet event a les coordonnées de la souris
il ne te reste qu'à appelé la fonction de la page parente en donnant ces coordonnée.

A+JYT

[RyzenOC]

C'est ce que je mets dans la parente qui me gènes, comment je récupère posX et posY ?

Je veut récupérer les coordonnée de la page parente et basculer sur celle de l'iframe si la souris pointe dessus.

[sekaijin]

encore une fois l'iframe c'est une fenêtre

tu ne peux pas depuis une fenêtre récupéré quoi que ce soit (ou presque) d'une autre fenêtre

le coordonnée de la sourie dans l'iframe appartiennent à l'iframe
c'est donc dans l'iframe que tu dois géré les événements de la souris dans l'iframe.
ensuite la seule chose que tu peux faire c'est appeler une fonction dans la fenêtre parente

mais de toute façon tu as deux fenêtre avec deux url deux dom et deux contexte javascript.
A+JYT