Modifier position curseur

**Zwify** · 07/07/2009, 12h35

Salut, je voudrais savoir si il il existe une fonction qui permet de modifier la position du curseur grâce à JavaScript Flash ou je ne sais quel autre langage de programmation. Une fonction tel que windows_mouse_set(x,y) pour ceux qui connaissent le GML.

Merci, Zwify.

**franculo_caoulene** · 07/07/2009, 15h13

Salut,

Non ce n'est pas possible, ça va à l'encontre du bon sens question sécurité. Imagine qu'on s'amuse à déplacer ton curseur au moment de cliquer sur quelque chose d'agréable pour quelque chose de désagréable.

**RomainVALERI** · 07/07/2009, 15h23

Envoyé par franculo_caoulene

Imagine qu'on s'amuse à déplacer ton curseur au moment de cliquer sur quelque chose d'agréable pour quelque chose de désagréable.

+1 ^^

C'est même un délicieux euphémisme quand on pense à ce que des publicitaires (par exemple...

) pourraient faire de ce genre de procédé... ^^

(et c'est d'ailleurs parce qu'ils ne pouvaient pas déplacer le curseur de la souris directement qu'ils ont dans un premier temps inventé les pub flottantes, se déplaçant dans la page, etc... affreux

)

**Zwify** · 07/07/2009, 16h34

Re, c'est sur qu'il n'y a aucun moyen, même avec n'importe quel langage de programmation, ou sinon est-il possible de désactiver provisoirement un script pendant un petit temps au déclanchement d'un autre script ?

**RomainVALERI** · 07/07/2009, 16h37

Dis-nous quel est le problème que tu essaies de résoudre par ce moyen : il y a probablement une autre manière de procéder...

**gwyohm** · 07/07/2009, 18h21

Si tu ne viens pas à LAGARDERE, LAGARDERE viendra à toi !
Tu peux peut être déplacer un élément de ton DOM sous ton curseur

**Zwify** · 08/07/2009, 00h24

Je possède un menu accordéon vertical jQuery et j'ai changé d'idée ce qui pourrait être en fait plus simple : y aurait-il un moyen pour qu'une fonction s'active uniquement si le curseur reste en contact plusieurs secondes avec l'élément ou lieu qu'elle s'active seulement au contact (mouseover).

Merci ^^

**RomainVALERI** · 08/07/2009, 09h21

Bien sûr ^^ il te faut juste une petite fonction qui lance un timer au mouseover, et sur le mouseout tu annules le timer : si l'utilisateur a survolé l'élément au moins le temps du timer (que tu règles sur 2 secondes, 3 secondes, 4 mois, comme tu veux

) ça déclenche ton effet...

(si tu connais un peu la lib script.aculo.us, tu peux voir des exemples dans leur code c'est très bien écrit ^^)

**Zwify** · 08/07/2009, 12h20

Re, suite à ton message j'ai cherché dans google "timer mouseover" et j'ai trouvé cette page : Ici et plus particulièrement le message de marcha.

Comme je n'y connais rien au javascript, j'ai essayer de réactiver mes vieilles connaissance de GML j'ai réussis au bout d'une bonne demi-heure à le faire fonctionner et c'est nickel =)

Comme je suis un perfectioniste j'ai voulu faire en sorte que le menu s'ouvre en mouseover seulement la première fois ou alors seulement si touts les menus sont fermés et sinon en timermouseover x], voilà le code :

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
<script type="text/javascript">
$(document).ready( function () {
    $(".navigation ul.Menu:not('.open_at_load')").hide();
 
		if (????????????????????????????????????????????????????)
				{$(".navigation li.toggleMenu .partie").mouseover( function () {
						if ($(this).next("ul.Menu:visible").length != 0) {}
						else {
								$(".navigation ul.Menu").slideUp("normal", function () { $(this).parent().removeClass("open") });
								$(this).parent().addClass("open");$(this).next("ul.Menu").slideDown("normal");
						}
						return false;
				})}
			else
				 {$(".navigation li.toggleMenu .partie").delayedMouseover( function () {
						if ($(this).next("ul.Menu:visible").length != 0) {}
						else {
								$(".navigation ul.Menu").slideUp("normal", function () { $(this).parent().removeClass("open") });
								$(this).parent().addClass("open");$(this).next("ul.Menu").slideDown("normal");
						}
						return false;
				}, { delay: 1000 })}
			return false
} ) ;
</script>

Et dans le premier if j'ai pensé à mettre divers trucs :
- si un menu est ouvert donc un ("ul.Menu").length != 0
- si un menu possède la class open
- ou alors l'introduction d'une variable

Mais je n'ai réussi à faire fonctionner aucune de ces idées -_-"

C'est qu'un détail mais chuis un peu têtu ^^"

HS : Pour ceux que ça intéresse je me suis rendu compte d'un petit truc quand j'ai du refaire fonctionner mon menu sous FireFox et Safari dans l'optique de compatibilité des navigateurs.
En faite c'est juste que le fait que les interpréteurs JavaScript des navigateurs Mozilla Firefox et Apple Safari gère différemment les IDs CSS (il n'autorise leur utilisisation qu'une seul fois) tandis que Google Chrome, Internet Explorer et Opera autorisent l'utilisation des IDs comme des CLASSs.
Fin voilà ça ne sert pas à grand chose à part à la compatibilité des navigateurs de certains scripts et pour votre culture général du CSS x)

a+

**RomainVALERI** · 08/07/2009, 12h32

Heu je ne suis pas très familier de la syntaxe jQuery je laisse la main à ceux qui en mangent tous les matins ^^

(par contre, simple détail en passant : tu as confondu les balises CODE avec les balises QUOTE ça rend l'affichage de ton extrait de code un peu "moche" et pas colorisé

)

**Zwify** · 08/07/2009, 23h50

Salut, j'ai passé pas mal de temps pour mieux apprivoiser le JavaScript et comprendre l'idée de Framework ce qui m'a permi de pas mal progresser dans le problème.
Je pense avoir presque trouvé la solution mais ma trop faible connaissance du JS me pose des problèmes sur les variables :
j'ai donc utilisé un système de variable, j'arrive à la déclarer ainsi que l'utiliser dans un IF mais pas à changer sa valeur correctement :/

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
27
var ouvert = 1;
$(document).ready( function () {
    $(".navigation ul.Menu:not('.open_at_load')").hide();
 
		if(ouvert==1)
				{
					$(".navigation li.toggleMenu .partie").mouseover( function () {
						if ($(this).next("ul.Menu:visible").length != 0) {}
						else {
								$(".navigation ul.Menu").slideUp("normal", function () { $(this).parent().removeClass("open") });
								$(this).parent().addClass("open");$(this).next("ul.Menu").slideDown("normal");
						}
						return false;
				})
			 }
			else
				 {
					 $(".navigation li.toggleMenu .partie").delayedMouseover( function () {
						if ($(this).next("ul.Menu:visible").length != 0) {}
						else {
								$(".navigation ul.Menu").slideUp("normal", function () { $(this).parent().removeClass("open") });
								$(this).parent().addClass("open");$(this).next("ul.Menu").slideDown("normal");
						}
						return false;
				}, { delay: 1000 })}
		return false;
} ) ;

le but étant que la var ouvert passe à une autre valeur que 1 en même temps qu'un menu s'ouvre en mouseover (donc la première et la dernière fois)
Je ne pense pas qu'il faille bien connaître jQery mais plutôt le fonctionnement de JS et ses variables pour régler se problème

En espérant que vous saurez résoudre se problème ^^

**franculo_caoulene** · 09/07/2009, 10h05

Salut,

Je ne sait pas à quel moment tu veux changer la valeur de ouvert, mais tu ne le fais jamais!
Place ouvert = x à l'endroit que tu souhaites et ça fonctionnera.

**Zwify** · 09/07/2009, 23h59

Re, franchement j'ai passé la soirée à essayer de comprendre le fonctionnement de Javascript et j'ai encore, malgré ma migraine ^^ du mal à comprendre les fonctions, le comportement des variables, les attribues, instructions et autres évènements (tout à tendance à se mélanger dans ma tête) alors je m'en remets à vous, gourous du JavaScript et jQuery pour m'aider.
Je voudrais donc faire en sorte que les menus (accordéon jQuery) s'ouvre la première fois et seulement la première fois où il y a contact en mouseover et ensuite, le reste du temps en delayedMouseover.
Parce que moi qui avait essayé avec un système de variable, et bien à chaque fois la variable se remettait à sa valeur initiale, fin bon , prise de tête.
Voilà le code d'ouverture de menu sans aucun ajout de ma part :

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
$(document).ready( function () {
    $(".navigation ul.Menu:not('.open_at_load')").hide();
		if()
				{
					$(".navigation li.toggleMenu .partie").mouseover( function () {
						if ($(this).next("ul.Menu:visible").length != 0) {}
						else {
								$(".navigation ul.Menu").slideUp("normal", function () { $(this).parent().removeClass("open") });
								$(this).parent().addClass("open");$(this).next("ul.Menu").slideDown("normal");
						}
						return false;
				})
			 }
			else
				 {
					 $(".navigation li.toggleMenu .partie").delayedMouseover( function () {
						if ($(this).next("ul.Menu:visible").length != 0) {}
						else {
								$(".navigation ul.Menu").slideUp("normal", function () { $(this).parent().removeClass("open") });
								$(this).parent().addClass("open");$(this).next("ul.Menu").slideDown("normal");
						}
						return false;
				}, { delay: 1000 })}
		return false;
} ) ;

J'étais parti un peu vite en pensant que le système de variables de JavaScript ainsi que son fonctionnement était similaire à celui du GML ce qui m'a value plusieurs heures de recherches et testes inutiles car pas dans la bonne direction x].

**RomainVALERI** · 10/07/2009, 09h06

Envoyé par Zwify

Parce que moi qui avait essayé avec un système de variable, et bien à chaque fois la variable se remettait à sa valeur initiale, fin bon , prise de tête.

>>> se remettait à sa valeur initiale ?

si tu veux dire : après rechargement de la page c'est normal, sinon ça doit être un problème de portée ^^

Envoyé par Zwify

... alors je m'en remets à vous, bourreaux du JavaScript et jQuery pour m'aider ...

>>> heu

bourreaux ou gourous ?

**Zwify** · 10/07/2009, 10h41

Euh gourous, petite erreur due à la fatigue lol

Sinon la portée des variable j'ai franchement du mal alors si vous pouviez m'aider ce serait cool

je vais continuer à faire des essais et à lire des doc sur JavaScript mais je pense pas que je trouve quelque chose qui marche

EDIT : Je viens de tomber là dessus en cherchant plus d'info sur les variables, je cite :

Variables statiques

Les programmeurs familiers avec d’autres langages pourraient s’attendre aux variables statiques. Ces variables sont comme les variables locales, i.e. disponibles uniquement à l’intérieur de la fonction, mais leur valeur ne se perd pas entre chaque appel de la fonction. Ce type de portée n’existe pas en JavaScript.

Hors c'est exactement ce que je cherche, une variable qui ne perd pas sa valeur, les variables globales ont-elles cette caractéristique ?...

**RomainVALERI** · 10/07/2009, 12h02

Envoyé par Zwify

Hors c'est exactement ce que je cherche, une variable qui ne perd pas sa valeur, les variables globales ont-elles cette caractéristique ?...

Oui.

>>> Pour déclarer une variable globale et non locale, il suffit d'initialiser (par exemple en tête de script) une variable sans utiliser le mot-clef "var" devant le nom de la variable (du coup, attention aux déclarations "involontaires" de globales par oubli du "var"

)

Cela dit, leur utilisation est déconseillée dans la mesure du possible : dans quel but as-tu besoin de globales ?

**Zwify** · 10/07/2009, 20h19

YEEEEEEEEEEEEEHHHHHHHHHHHHHAAAAAAAAAAAAAAAAAAAA !!!!!!!

j'ai trouvé

En fait en passant que le problème venait des variables JavaScript eh bin j'ai utilisé une classe CSS pour m'en servir comme variable (grâce aux fonctions jQuery) et le problème subsistait

. C'est la que je me suis rendu compte que le problème ne venait pas des variables mais du comportement des structures conditionnelles qui fonctionnait une fois au chargement de la page et ensuite quand un évènement (à l'intérieur de cette structure) était chargé soit JavaScript se souvenait de la réponse ou simplement ne reposait pas la question ce qui faisait que la valeur de la variable n'était pas re-vérifier donc c'était toujours la même partie qui était déclenchée. Ce qui m'a un peu étonné

.

Donc j'ai trouvé la solution

en mettant la structure conditionnelle à l'intérieur des actions à exécuter en cas d'évènement et ça marche :

Il m'aura suffit d'une dizaine d'heure de recherche et de test pour ce truc qu'y n'a finalement pas autant d'intérêt que ça mais je ne pouvais renoncer

Voilà le code (qui marche

) [j'ai remplacé le système de classe CSS par les variables JS locale] :

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
27
28
29
$(document).ready( function () {
		$(".partie").css("border-bottom","1px solid black");
		var ouvert=false
 
  	$(".navigation ul.Menu:not('.open_at_load')").hide();
 
		$(".navigation li.toggleMenu .partie").mouseover( function () {
					 if(ouvert==false) {
						if ($(this).next("ul.Menu:visible").length != 0) {}
						else {
								$(".navigation ul.Menu").slideUp("normal", function () { $(this).parent().removeClass("open") });
								$(this).parent().addClass("open");$(this).next("ul.Menu").slideDown("normal"); ouvert=true;
						}
						return false; }
					 else {}
					 return false
				})
} ) ;
 
$(document).ready( function () {
					 $(".navigation li.toggleMenu .partie").delayedMouseover( function () {
						if ($(this).next("ul.Menu:visible").length != 0) {}
						else {
								$(".navigation ul.Menu").slideUp("normal", function () { $(this).parent().removeClass("open") });
								$(this).parent().addClass("open");$(this).next("ul.Menu").slideDown("normal");
						}
						return false;
				}, { delay: 250 })
} ) ;

Zwify

Modifier position curseur

JavaScript

Discussions similaires

Partager

Partager