Discussion :

[tom42]

Bonjour, j'aimerais savoir si il existe un evenement ou une methode pour détecter lorsque la souris n'est plus dans le swf.
En fait, j'ai une page html avec un clip à l'interieur et j'ai besoin de déclencher une action lorsque l'utilisateur quitte le swf pour aller naviguer sur ma page.
Merci d'avance.

[melonmaudic]

Alors, il te suffit de créer un clip qui prend toute la taille de ton anim e tu le mets comme fond.

Ensuite tu utilise la propriété hitTest() et tu regarde tout le temps si la souris touche ton fond, sinon bah à toi de déterminer l'action,

[tom42]

Excuser moi si ça vous parrait stupide comme question mais je débute avec flash.
Cela dit merci pour ta reponse c'est une piste à creuser mais j'ai encors quelques problèmes.
Voila mon code

Code :

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

1
2
3
4
5
6
 
this.onEnterFrame = function (){
	if(!this.fond_sensible.hitTest (this._xmouse, this._ymouse,false)){
		this.gotoAndPlay("depart");
	}
};

Mon animation revient bien au depart lorsque je quite l'animation avec la souris mais uniquement si je maintient le bouton enfoncé.
En mettant true à la place de false, ça ne marche que à certains endroit de l'annimation et si je vais vite la détection ne se fait pas.
Des idées?

[luta]

moi j aurais plutot utilisé l evenement onRollOut
ca evite de tester a chaque enterFrame le hitTest()

[tom42]

Ben c'est ce que je pensais au debut mais il y a d'autres clips dans l'annimation qui utilisent onRollOut et ils se masquent entre eux. Soit le clip fond_sensible se trouve au dessus des autres et il n'y a que lui qui fonctionne, soit il se trouve en dessous et lorsque je passe sur un autre clip le rollOut se declenche car il est masqué par cet autre clip.

[CR_Gio]

Salut,

Peut etre que le protocol asfunctionpourrai t'aider.

Code :

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

<embed onMouseOut="asfunction:this._root.maFonctionActionScriptOut;"></embed>

Je n'est pas put essayer car asfunction n'est pas reconnu chez moi. (Mozilla/5.0 (X11; U; Linux i686 (x86_64); fr; rv:1.8.0.9) Gecko/20061206 Firefox/1.5.0.9)

[tom42]

Merci pour cette réponse. Ca a l'air bien mais je comprends pas trop comment ca marche, si quelqu'un peut m'expliquer comment utiliser la fonction définit ici dans le flash ce serait cool.
Sinon je creuserais la question demain parce que faut pas déconner, on va pas faire des heures sup quand même

[CR_Gio]

rectifaication : asfunction est specifique a flash donc ce que j'ais dit est faux.Seul l etxte html de l'animation flash peut executer le protocol asfunction.

Mais on peu faire autrement.

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
 
<object id="monFlash" onMouseOver="javascript:isOver();"  onMouseOut="javascript:isOut();">
  <embed src="monFlash.swf" name="monFlash" swLiveConnect="true"></embed>
</object>
 
<script type="text/javascript">
var elementFlash=window.document.monFlash;
function isOver()
{
  elementFlash.TGotoFrame("/my_mc", 1);
}
function isOut()
{
  elementFlash.TGotoFrame("/my_mc", 2);
}
</script>

Le principe:
Dans ton animation flash, crée un clip (_root.my_mc) avec deux image clef.
1ere image clef qui contien le code suivant:

Code :

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

1
2
stop();
trace("La souris ne survole pas l'animation");

2eme image clef qui contien le code suivant:

Code :

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

1
2
stop();
trace("La souris survole l'animation");

J'ais pas testé. Mais j'ais deja eu des probleme avec onMouseOver de la balise object. Donc essai petit a petit.

faut pas déconner, on va pas faire des heures sup quand même

...tu me fais doucement rire

[tom42]

Grand merci à toi CR_Gio, ca marche mais pas sur mozilla
Cela dit ca viens certainement de moi. Voila le javascript :

Code :

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

1
2
3
4
5
6
 
function isOut(){
	alert("OUT");
	var menu = window.document.menuAccueil;
	menu.TGotoFrame("/", 5);
}

Alors sur safari et IE pas de probleme quand je sort la souris de l'animation, elle se reinitialise bien en frame 5. Avec Mozilla le javascript se declanche (je vois l'alert "OUT") mais pas le changement de frame.
Si vous voyez mon erreur je suis preneur.

CR_Gio je doit bien avouer qu'en postant a 2h du matin je dois bien te faire rire avec mes blagues à 2 francs 6 sous Désolé.

[CR_Gio]

apparemment ca vien du ciblage de l'animation flash.

Note: Tu peux utiliser GotoFrame() au lieu de TgotoFrame() étant donné que tu reste sur _root

Je voulais juste ajouter une derniere chose.
Cette méthode n'est pas tres portable...

Je voyais une autre solution. Créer un clip (transparent) au premier plan qui dessine le cadre de ton animation (avec une largeur de 5px par ex.). A ce clip, tu ajout ce code.

Code :

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

1
2
3
cadre.onRollOver=function(){trace("La souris ne survole plus l'animation");}
cadre.onRollOut=function(){trace("La souris survole l'animation");}
cadre.useHandCursor=false;//raison éstetique

Le point faible de cette méthode est que si le déplacement de la souris est trop rapide, l'evenement onRoll...() peut ne pas etre déclenché.

Bref! entre le fait que certain navigateur ne digere pas play(),stop(),GotoFrame() etc.. et la fiabilité de cette dernier méthode, je te conseilerrai de faire une redondance. A savoir utiliser les deux méthode en meme temps.

[tom42]

ça y est tous marche trés bien sur tous le navigateurs. En fait le problème venait bien de la maniére d'integrer mon swf dans la page html.
Pour résumer après de nombreux essais je pense que la meilleur manière de detecter si la souris survolle ou non l'annimation est de passer par javascript pour le rollOut et rollOver (même en etant très véloce avec la souris ca marche) et de communiquer avec flash dans le javascript.

Voici le code html :

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
 
<object
      id="menuAccueil"
	width="573"
	height="165"
	data=".../menuAccueil.swf"
	type="application/x-shockwave-flash"
	onMouseOut="isOut();">
	<script type="text/javascript">
		<!--
			if(navigator.appName.indexOf("Netscape") == -1)
				document.write('<param name="swliveconnect" value="true" />');
		-->
	</script>
	<param name="movie" value=".../menuAccueil.swf" />
	<param name="FlashVars" value="texteAffiche=<? print($texteAffiche); ?>&urlArticle=<? print($urlArticle); ?>&rubriqueAffiche=<? print($type); ?>&titreAffiche=<? print($titreArticle);?>&visuelAffiche=<? print($visuelAffiche); ?>" />
	<param name="wmode" value="transparent" />
</object>

et voici le javascript :

Code :

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

1
2
3
4
5
 
function isOut(){
	var menu = document.getElementById('menuAccueil');
	menu.TGotoFrame("/",'5');
}

Vous pouvez voir ce que ca donne ici
Un grand merci à tous ceux qui ont bien voulu répondre et particuliérement à CR_Gio