bouton avec plusieurs cible

bouton avec plusieurs cible - Flash/ActionScript - Programmation

Marsh Posté le 14-09-2007 à 18:01:00    

bonjour
j'ai un petit probléme
 
j'ai mis sur une page un bouton que j'ai nommé "bouton" et l'occurence du bouton est aussi appellée bouton
 
j'ai un fichié xml :
 
<?xml version='1.0' encoding="UTF-8"?>
 
<icons>
 
<icon image="icon1.png" cible="fichier1.swf" />
 
<icon image="icon2.png" cible="fichier2.swf" />
 
<icon image="icon3.png" cible="fichier3.swf" />
 
</icons>
 
l'animation est la suivante : j'ai plusieurs images cote à cote qui se charge grâce au fichier xml, quand je clique sur une image celle-ci devient seule sur la fenétre et le bouton apparait alors  
 
ce que j'aimerais c'est que la cible de ce bouton soit fonction de l'image choisie
 
comment je peux faire cela?
 
merci d'avance

Reply

Marsh Posté le 14-09-2007 à 18:01:00   

Reply

Marsh Posté le 15-09-2007 à 05:23:29    

Tu peux nous montrer ton code AS ? Pour voir où tu en es ?


---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
Reply

Marsh Posté le 15-09-2007 à 17:56:15    

je vous le met :
 
il est super long mais ne fuyez pas je vais mettre les parties ou il faut y apporter une modif  :) (certains reconnaitrons le caroussel de gotoandlearn)
 

Code :
  1. import mx.utils.Delegate;
  2. import mx.transitions.Tween;
  3. import mx.transitions.easing.*;
  5. var numOfItems:Number;
  6. var radiusX:Number = 250;
  7. var radiusY:Number = 75;
  8. var centerX:Number = Stage.width/2;
  9. var centerY:Number = Stage.height/2;
  10. var speed:Number = 0.05;
  11. var perspective:Number = 90;
  12. var home:MovieClip = this;
  13. theText._alpha = 0;
  14. bouton._alpha = 0;
  15. info._alpha = 0;
  18. var tooltip:MovieClip = this.attachMovie("tooltip","tooltip",10000);
  19. tooltip._alpha=0;
  21. var xml:XML = new XML();
  22. xml.ignoreWhite = true;
  24. xml.onLoad = function()
  25. {
  26. var nodes = this.firstChild.childNodes;
  27. numOfItems = nodes.length;
  28. for(var i=0;i<numOfItems;i++)
  29.      {
  30.  var t = home.attachMovie("item","item"+i,i+1);
  31.  t.angle = i * ((Math.PI*2)/numOfItems);
  32.  t.onEnterFrame = mover;
  33.  t.toolText = nodes[i].attributes.tooltip;
  34.  t.content = nodes[i].attributes.content;
  35.  t.movie = nodes[i].attributes.movie;
  36.  t.texte = nodes[i].attributes.texte;
  37.  t.icon.inner.loadMovie(nodes[i].attributes.image);
  38.  t.ref.inner.loadMovie(nodes[i].attributes.image);
  39.  t.icon.onRollOver = over;
  40.  t.icon.onRollOut = out;
  41.  t.icon.onRelease = released;
  42.      }
  43. }
  45. function over()
  46. {
  47. home.tooltip.tipText.text = this._parent.toolText;
  48. home.tooltip._x = this._parent._x;
  49. home.tooltip._y = this._parent._y - this._parent._height/2;
  50. home.tooltip.onEnterFrame = Delegate.create(this,moveTip);
  51. home.tooltip._alpha = 100;
  52. }
  54. function out()
  55. {
  56. delete home.tooltip.onEnterFrame;
  57. home.tooltip._alpha = 0;
  58. }
  60. function released()
  61. {
  62.  info._visible = true;
  63.  bouton._alpha=100;
  64.  home.tooltip._alpha = 0;
  65.  for(var i=0;i<numOfItems;i++)
  66.  {
  67.   bouton.indice=i;
  68.   bouton.onRelease = function()
  69.     {
  70.     createEmptyMovieClip("conteneur",1);
  71.     loadMovie(nodes[i].attributes.movie,conteneur);
  72.    };
  73.   var t:MovieClip = home["item"+i];
  74.   t.xPos = t._x;
  75.   t.yPos = t._y;
  76.   t.theScale = t._xscale;
  77.   delete t.icon.onRollOver;
  78.      delete t.icon.onRollOut;
  79.      delete t.icon.onRelease;
  80.   delete t.onEnterFrame;
  81.   if(t != this._parent)
  82.   {
  83.    var tw:Tween = new Tween(t,"_xscale",Strong.easeOut,t._xscale,0,1,true);
  84.    var tw2:Tween = new Tween(t,"_yscale",Strong.easeOut,t._yscale,0,1,true);
  85.    var tw3:Tween = new Tween(t,"_alpha",Strong.easeOut,100,0,1,true);
  86.   }
  87.   else
  88.   {
  89.    var tw:Tween = new Tween(t,"_xscale",Strong.easeOut,t._xscale,100,1,true);
  90.    var tw2:Tween = new Tween(t,"_yscale",Strong.easeOut,t._yscale,100,1,true);
  91.    var tw3:Tween = new Tween(t,"_x",Strong.easeOut,t._x,160,1,true);
  92.    var tw4:Tween = new Tween(t,"_y",Strong.easeOut,t._y,180,1,true);
  93.    var tw5:Tween = new Tween(theText,"_alpha",Strong.easeOut,0,100,1,true);
  94.    theText.text = t.content;
  95.    info.text = t.texte;
  96.    var s:Object = this;
  97.    tw.onMotionStopped = function()
  98.    {
  99.     s.onRelease = unReleased;
  100.    }
  101.   }
  102.  }
  103. }
  105. function unReleased()
  106. {
  107.  info._visible = false;
  108.  bouton._alpha=0;
  109.  delete this.onRelease;
  110.  var tw:Tween = new Tween(theText,"_alpha",Strong.easeOut,100,0,0.5,true);
  111.  for(var i=0;i<numOfItems;i++)
  112.  {
  113.   var t:MovieClip = home["item"+i];
  114.   if(t != this._parent)
  115.   {
  116.    var tw:Tween = new Tween(t,"_xscale",Strong.easeOut,0,t.theScale,1,true);
  117.    var tw2:Tween = new Tween(t,"_yscale",Strong.easeOut,0,t.theScale,1,true);
  118.    var tw3:Tween = new Tween(t,"_alpha",Strong.easeOut,0,100,1,true);
  119.   }
  120.   else
  121.   {
  122.    var tw:Tween = new Tween(t,"_xscale",Strong.easeOut,100,t.theScale,1,true);
  123.    var tw2:Tween = new Tween(t,"_yscale",Strong.easeOut,100,t.theScale,1,true);
  124.    var tw3:Tween = new Tween(t,"_x",Strong.easeOut,t._x,t.xPos,1,true);
  125.    var tw4:Tween = new Tween(t,"_y",Strong.easeOut,t._y,t.yPos,1,true);
  126.    tw.onMotionStopped = function()
  127.    {
  128.     for(var i=0;i<numOfItems;i++)
  129.              {
  130.      var t:MovieClip = home["item"+i];
  131.      t.icon.onRollOver = Delegate.create(t.icon,over);
  132.         t.icon.onRollOut = Delegate.create(t.icon,out);
  133.            t.icon.onRelease = Delegate.create(t.icon,released);
  134.               t.onEnterFrame = mover;
  135.     }
  136.    }
  137.   }
  138.  }
  139. }
  140. function moveTip()
  141. {
  142.  home.tooltip._x = this._parent._x;
  143.  home.tooltip._y = this._parent._y - this._parent._height/2;
  144. }
  146. xml.load("icons.xml" );
  148. function mover()
  149. {
  150. this._x = Math.cos(this.angle) * radiusX + centerX;
  151. this._y = Math.sin(this.angle) * radiusY + centerY;
  152. var s:Number = (this._y -perspective) / (centerY+radiusY-perspective);
  153. this._xscale = this._yscale = s * 100;
  154. this.angle += this._parent.speed;
  155. this.swapDepths(Math.round(this._xscale) + 100);
  156. }
  158. this.onMouseMove = function()
  159. {
  160. speed = (this._xmouse-centerX)/2500;
  161. }


 
ce que moi j'ai rajouté donc au code de base :
 

Code :
  1. t.cible = nodes[i].attributes.cible;


 
j'ai mis un trace, pas d eprobléme il charge bien les différentes cibles
 
et voila ou je bloque
 

Code :
  1. for(var i=0;i<numOfItems;i++)
  2.  {
  3.   bouton.onRelease = function()
  4.     {
  5.     createEmptyMovieClip("conteneur",1);
  6.     loadMovie("cible",conteneur);
  7.    };
  8.   var t:MovieClip = home["item"+i];


 
je débute en actionscript alors soyez indulgent  :sweat:  
j'ai mis un trace et j'ai des "undefinded"
 
merci d'avance


Message édité par kedrix le 15-09-2007 à 17:57:26
Reply

Marsh Posté le 15-09-2007 à 20:01:20    

Si j'ai bien compris, tu devrais donner un id à ton bouton et créer une fonction pour ton action. Exemple grossier :
bouton.id = i ;
bouton.onRelease = function ()
{
show(this.id);
}
function show(foo){
// Ici grace à l'ID (foo) tu récupères ta cible que tu charges dans un clip, par exemple
}


---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
Reply

Marsh Posté le 15-09-2007 à 20:52:05    

salut
merci pour ta réponse
si je met un  
 

Code :
  1. trace(this.id);

aprés

Code :
  1. show(this.id)

il me met "6"  :(

Reply

Marsh Posté le 16-09-2007 à 06:29:14    

Il fait ça pour chaque bouton ? As-tu bien mis le code que je t'ai donné à l'interieur de la boucle ?


---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
Reply

Marsh Posté le 16-09-2007 à 11:15:42    

voila ce que j'ai fait :  
 

Code :
  1. for(var i=0;i<numOfItems;i++)     
  2.   {         
  3.          bouton.id = i ;
  4.          bouton.onRelease = function()   
  5.                   {                 
  6.                         show(this.id);
  7.                    }
  8.          function show(foo)
  9.                     {
  11.                      loadMovie("foo" ); 
  12.                     }         
  13. }   
  14.    var t:MovieClip = home["item"+i];


 
mais je pense que tu as du mal comprendre mon probléme
en fait j'ai un calque avec dessus le bouton mais il n'y a qu'un seul bouton
ce même bouton apparait pour chaque image visualisé
est-il possible de changer la cible du bouton en fonction de l'image cliquée qui est "item" ?
 
merci d'avance pour ton aide

Reply

Marsh Posté le 16-09-2007 à 12:14:54    

Ah ok !
Ben non. Si tu as un seul nom d'occurence, tu peux pas donner de cible différente. Normal.


---------------
Jeu de simulation Boursière - Version BETA - https://www.facebook.com/wildstocks
Reply

Marsh Posté le 16-09-2007 à 12:18:00    

ok, mince
 
comment faire alors pour faire apparaitre donc un seul bouton a chaque image cliquée mais que ce bouton soit différent selon l'image cliquée ?
 
j'avais essayé de faire ca mais je n'y étais pas arrivée peut étre qu'avec ton aide
 
merci d'avance

Reply

Marsh Posté le 16-09-2007 à 15:15:20    

ca y'est j'ai réussi a charger l'animation en fonction de l'image cliquée pour UN même bouton
 
mon probléme est que maintenant l'animation se charge en dessous de l'animation principale
 
ce que j'aimerais moi c'est qu'elle remplace complétement l'animation principale
 
voila ce que j'ai fait :
 

Code :
  1. createEmptyMovieClip("conteneur",1);
  2. conteneur.loadMovie(r);


 
merci d'avance

Reply

Marsh Posté le 16-09-2007 à 15:15:20   

Reply

Marsh Posté le 16-09-2007 à 20:46:58    

probléme résolu :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed