HTML/JS Position de la souris

**denisduval75** · 21/03/2017, 10h38

Bonjour,

Dans une page HTML, je souhaiterais récupérer les coordonnées de la souris.

J'utilise une fonction JavaScript :

Code :

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

1
2
3
4
5
6
7
8
 
        <script type="text/javascript">
            function souris(event)
            {
                document.getElementById('positionX').value = event.clientX;
                document.getElementById('positionY').value = event.clientY;
            }
        </script>

Pour récupérer la position dans mon bean, j'ai ce code :

Code :

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

1
2
3
4
5
6
7
 
<h:body onmousedown="souris(event);">
 
        <input type="text" id="positionX" value="#{tableauBordManagerBean.clicPositionX}"/>
        <input type="text" id="positionY" value="#{tableauBordManagerBean.clicPositionY}"/>
...
...

Les coordonnées s'affichent correctement sur ma page, mais les 2 variables tableauBordManagerBean.clicPositionX et clicPositionY sont toujours à 0.

Comment récupérer la position de la souris dans mon bean ?

MERCI

**melka one** · 21/03/2017, 22h12

jour

essai ceci

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
<html> 
<head> 
 
<script> 
 
document.addEventListener('mousedown',function(evt){
 
document.getElementById('positionX').value = evt.pageX;
document.getElementById('positionY').value = evt.pageY;
},false);
 
</script>
</head>
<body>
 
 <input type="text" id="positionX" value="#{tableauBordManagerBean.clicPositionX}"/>
 <input type="text" id="positionY" value="#{tableauBordManagerBean.clicPositionY}"/>
</body>
</html>

j'utilise pageX et pageY car ils prennent en compte le scrolling de la page

**denisduval75** · 22/03/2017, 16h27

Bonjour.

Ca ne marche pas non plus

**melka one** · 22/03/2017, 19h15

j'ai du mal a comprendre cette partie

Code :

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

value="#{tableauBordManagerBean.clicPositionX}"

**patricktoulon** · 23/03/2017, 02h11

bonsoir

soustrait le offsetleft de ton bean pour le x et
soustrait le offsetTop pour le y

**denisduval75** · 23/03/2017, 09h21

Bonjour,

Ce code me permet de récupérer (ou bind) la position de la souris dans 2 variables coté java :

Code :

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

1
2
 
value="#{tableauBordManagerBean.clicPositionX}"

Je ne sais pas comment faire avec les offset !

Merci pour vos réponses

**thelvin** · 23/03/2017, 12h02

Et, genre, tu as de l'AJAX quelque part, ou bien tu soumets le formulaire après avoir changé les valeurs, ou quelque chose comme ça ?

Je comprends assez mal comment le serveur Java pourrait avoir la moindre idée que tu as cliqué quelque part sur ton navigateur.

**denisduval75** · 23/03/2017, 12h59

Ok mais alors comment récupérer la position coté serveur ?

Et aussi je souhaiterais utiliser cette position dans ma page avec quelque chose qui ressemblerait à ça :

<h:outputtext value="mon texte" style="margin-left=position X de la souris; margin-top=position Y de la souris" ... >

MERCI

**thelvin** · 23/03/2017, 13h56

Envoyé par denisduval75

Ok mais alors comment récupérer la position coté serveur ?

... Avec de l'AJAX, ou en soumettant le formulaire, ou n'importe laquelle des solutions proposées par JSF et décrites dans quoi que ce soit que tu utilises pour apprendre JSF.

En gros tu es en train de demander comment utilise-t-on normalement la technologie que tu as choisi d'utiliser. Ben... Comme le tutoriel dit de le faire, tout simplement.

**denisduval75** · 23/03/2017, 17h28

Sachez monsieur le modérateur qu'à 58 ans, je suis contraint d'apprendre la programmation et en mode web avec obligation de résultat !

Si je poste, ce n'ai vraiment pas "genre" j'ai rien à faire de mes journées.
Si je poste, c'est parce que "genre" je suis en réelle difficulté et que je sollicite votre aide !

De grâce, épargnez-moi vos réflexions du "genre" :

"En gros tu es en train de demander comment utilise-t-on normalement la technologie que tu as choisi d'utiliser. Ben... Comme le tutoriel dit de le faire, tout simplement".

Tout simplement ? Ok, on vous écoute...

Indiquez-moi plutôt comment je règle mon problème, ce sera bien plus utile et pour tout le monde !
Et si vous ne savez pas, épargnez-moi vos remarques désobligeantes !!!

Merci à tous pour vos réponses, mais je ne sais toujours pas comment procéder pour régler mon problème !!!

A bon entendeur, salut...

PS : Et si tout ceci ne vous plait pas monsieur le modérateur, envoyez-moi donc la procédure à suivre afin de na plus apparaître sur votre site !

HTML/JS Position de la souris

JavaScript

Discussions similaires

Partager

Partager