Comment positionner la Souris ?

**malabarbe** · 03/10/2009, 11h37

Bonjour à tous,

Je récupère dans la (page-1) la position de la souris
en X, Y et que je mémorise.

Après navigation dans le site, de retour sur la (page-1),
comment replacer la souris aux coordonnées mémorisées ?

J'ai trouvé des dizaines de scripts pour avoir les coordonnées
de la souris, mais aucun pour la placer !

**andry.aime** · 03/10/2009, 12h09

Bonjour,
C'est impossible, devine seulement si je m'amuse à déplacer ta souris dans la page.

**malabarbe** · 03/10/2009, 12h25

Bonjour andry.aime,

Je ne veut pas déplacer la souris dans la page,

Seulement la positionner.

**Bovino** · 03/10/2009, 12h29

Envoyé par malabarbe

Je ne veut pas déplacer la souris dans la page,

Seulement la positionner.

C'est quoi la différence entre les deux ???

**malabarbe** · 03/10/2009, 12h34

La différence !

Pas question de bouger la souris sur la page
pour énerver le visiteur.

Seulement positionner le curseur de la souris
sur un lien que je veut privilégier !

**Bovino** · 03/10/2009, 12h40

positionner le curseur de la souris sur un lien

implique forcément

bouger la souris sur la page.

ce qui est heureusement impossible à faire comme te l'a déjà signalé andry.aime et ce qui explique que tu n'aies pas trouvé le moyen de le faire.
Ce qui est possible en revanche est de positionner le scroll de la page au niveau de ton lien, par exemple à l'aide d'une ancre.

**malabarbe** · 03/10/2009, 12h44

le scroll de la page au niveau de ton lien à l'aide d'une ancre.
----------------------------------------------------------

Cela semble une bonne idée
comment faire la manip ?

**andry.aime** · 03/10/2009, 13h00

Penche toi sur les balises "<a>"

Code HTML :

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
<html>
<head>
<title> Link </title>
</head>
<body>
<a name="haut"></a>HAUT
aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>
aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>
aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>
<a name="milieu"></a>MILIEU
aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>
aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>
aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>
aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>
aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>
aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>
aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>
aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>
aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>aa</br>
<a href="#haut">Haut de page</a>&nbsp;<a href="#milieu">Milieu</a>
</body>
</html>

**malabarbe** · 03/10/2009, 13h17

Ok, j'ai compris le principe

Si je mêt un name="Lien-1,2,3,4,5... --> 100,
je vois bien le lien dans la page mais tout en haut.

Serait-il possible de faire en sorte que le lien se
trouve en milieu de page ?

**andry.aime** · 03/10/2009, 13h40

Je ne te comprend pas là

Dans l'exemple j'ai mis deux liens cliquables à la fin de la page et deux référence. Que veux-tu faire?

**malabarbe** · 03/10/2009, 13h55

Il y a 200 lignes de liens.

J'ai mis un "Name" a chaque lien.

Avec <a href="#lien-81">Vers le lien 81</a>
je posisionne la ligne du lien 81 en haut de page.

Comment faire pour que la ligne du lien 81 se trouve
affiché en milieu de page ?

**Matthieu2000** · 05/10/2009, 11h37

joue sur la fonction

Code :

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

scrollby

**malabarbe** · 05/10/2009, 12h45

Bonjour Matthieu2000,

Auriez-vous un exemple pour scrollby
car je ne connais pas cette fonction ?

A vous lire

**Bovino** · 05/10/2009, 13h20

http://lmgtfy.com/?q=javascript+scrollby

**malabarbe** · 05/10/2009, 13h32

Bonjour Bovino,

Oui, j'avais déjà commencé a chercher avec google,
mais, a défaut de placer la souris sur le lien, serait-il
possible de mettre automatiquement ce lien soit en surbrillance
soit changer la couleur du texte pour le faire ressortir
des autres liens ?

**SpaceFrog** · 05/10/2009, 13h33

heu j'ai pourtant des truc ou je limite la position de la souris ...
mais bon position de souris ne veut pas dire scroll d'ecran ...

**malabarbe** · 05/10/2009, 14h06

Je viens de penser a un truc fou mais qui pourais
fonctionner !!!

1° mémoriser la position de la souris
2° de retour dans la liste des liens, pourquoi ne pas
positionner avec les X,Y de la souris un tout petit DIV
sur la ligne du lien qui lui contiendrai la souris?
3° et dès que l'on bouge la souris, faire disparaitre le DIV

A mon avis, cela est faisable mais comment ???

**Bovino** · 05/10/2009, 15h05

Envoyé par malabarbe

Bonjour Bovino,

Oui, j'avais déjà commencé a chercher avec google,
mais, a défaut de placer la souris sur le lien, serait-il
possible de mettre automatiquement ce lien soit en surbrillance
soit changer la couleur du texte pour le faire ressortir
des autres liens ?

Oui, bien sûr, le tout étant de mémoriser non seulement la position de la souris, mais surtout l'objet HTML en question, ensuite, tu peux modifier son style avec l'objet style en JavaScript, du style :

Code :

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

1
2
monLien.style.color = fuchsia;
monLien.style.backgroundColor = navy;

(

les couleurs rendront probablement le lien incontournable, tu peux même le vendre à une femme politique réputée pour son goût en matière de sites Web...)
Bref, dans le principe, c'est comme ça !

Envoyé par SpaceFrog

heu j'ai pourtant des truc ou je limite la position de la souris ...
mais bon position de souris ne veut pas dire scroll d'ecran ...

Oui, tu peux faire un return false sur un onmousemove, mais tu ne peux pas positionner directement la souris

Envoyé par malabarbe

Je viens de penser a un truc fou mais qui pourais
fonctionner !!!

1° mémoriser la position de la souris
2° de retour dans la liste des liens, pourquoi ne pas
positionner avec les X,Y de la souris un tout petit DIV
sur la ligne du lien qui lui contiendrai la souris?
3° et dès que l'on bouge la souris, faire disparaitre le DIV

A mon avis, cela est faisable mais comment ???

Non, ce n'est pas faisable, les propriétés concernant la position de la souris sont readonly !!! Et encore heureux !
Mais puisque tu as les coordonnées de la souris, tu peux faire un scrollTo :

Code :

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

document.scrollTo(x, y);

éventuellement au préalable en modifiant un peu tes coordonnées pour que le lien se retouve au centre de la page et en modifiant son style CSS.

**E.Bzz** · 05/10/2009, 15h08

Bonjour,
il a visiblement été question de focus, mais sans l'utiliser ...

Code :

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

1
2
3
4
5
6
7
8
var id_lien = 'lien-54';
function VaAuLien(id_lien) {
document.getElementById(id_lien).focus();  // Que le lien soit visible ou non à l'écran
document.getElementById(id_lien).style.color = 'red';  // Pour faire ressortir le lien
document.getElementById(id_lien).style.fontWeight = 'bold';  // Pour faire ressortir le lien
if (window.confirm("Visiter le lien " + id_lien + " ?"))
   self.location.href = document.getElementById(id_lien).href;
}

A+

**malabarbe** · 05/10/2009, 15h15

Merci de vos réponses,

Que de choses a exploiter !

Je vais faire des tests.

Comment positionner la Souris ?

JavaScript

Discussions similaires

Partager

Partager