Flash vers Javascript

Flash vers Javascript - Flash/ActionScript - Programmation

Marsh Posté le 14-10-2007 à 06:41:22    

Voilà un petit prog tout simple qui ne génére aucune erreur  mais qui ne fait pas ce que j'aimerai bien qu'il fasse  à savoir :
Quand on clique sur une pallette de couleur, on renvoit une popup donnant la valeur hexadécimale de la couleur séléctionée.
 
Etape 1: J'ai récupéré le code source de la palette flash qui renvoi la valeur hexa désirée mais DANS un objet flash : tSortie.text.
 
Etape 2 : Je repére tous les onRelease du code et j'insère un appel à la fonction Javascript RecupCouleur(string )qui génére la popup via la commande alert(string) :
ExternalInterface.call("RecupCouleur", tSortie.text);
 
Merci de votre aide précieuse car ça fait bien 1 sem que je gallère dessus :
 

Code :
  1. import flash.external.*;
  3. this.createEmptyMovieClip("nCouleur",6);
  4. this.createEmptyMovieClip("aCouleur",7);
  5. this.createEmptyMovieClip("degra3",2);
  6. this.Couleur = [255, 0, 0];
  7. CP_creationCarre = function () {
  8. this.createEmptyMovieClip("MASK",0);
  9. this.MASK.beginFill(0xFFFFFF);
  10. this.MASK.lineTo(100,0);
  11. this.MASK.lineTo(100,100);
  12. this.MASK.lineTo(0,100);
  13. this.MASK.lineTo(0,0);
  14. this.endFill();
  15. curseur.setMask(this.MASK);
  16. degrade.onRollOver = function() {
  17.  this.useHandCursor = false;
  18. };
  19. degrade.onPress = function() {
  20.  Mouse.hide();
  21.  curseur.startDrag(true,0,0,100,100);
  22.  duplicateMovieClip(curseur, "curseur2", 10);
  23.  curseur2._x = curseur._x;
  24.  curseur2._y = curseur._y;
  25.  curseur2._alpha /= 2;
  26.  curseur._x = _xmouse;
  27.  curseur._y = _ymouse;
  28.  curseur.onEnterFrame = function() {
  29.   var couleur1 = CP_getCouleur1(this._x);
  30.   this._parent.Couleur = CP_melange(couleur1, [128, 128, 128], this._y);
  31.   this._parent.CP_creationRectangle();
  32.  };
  33. };
  34. degrade.onRelease = degrade.onReleaseOutside=function () {
  35.  delete curseur.onEnterFrame;
  36.  Mouse.show();
  37.  curseur.stopDrag();
  38.  this._parent.aCouleur.clear();
  39.  this._parent.aCouleur.clear();
  40.  this._parent.aCouleur.moveTo(-65,30);
  41.  this._parent.aCouleur.beginFill(this._parent.couleurFinal);
  42.  this._parent.aCouleur.lineTo(-5,30);
  43.  this._parent.aCouleur.lineTo(-5,60);
  44.  this._parent.aCouleur.lineTo(-65,60);
  45.  this._parent.aCouleur.lineTo(-65,30);
  46.  this._parent.aCouleur.endFill();
  47.  removeMovieClip("curseur2" );
  48.  ExternalInterface.call("RecupCouleur", tSortie.text);
  49. };
  50. this.CP_creationRectangle();
  51. };
  52. CP_creationRectangle = function () {
  53. this.degra3.clear();
  54. var c = RGBtoHEXA(this.Couleur[0], this.Couleur[1], this.Couleur[2]);
  55. this.degra3.lineStyle(1,0x000000);
  56. this.degra3.beginGradientFill("linear",[0xFFFFFF, c, 0x000000],[100, 100, 100],[0, 0xFF/2, 0xFF],{matrixType:"box", w:15, h:100, x:0, y:0, r:Math.PI/2});
  57. this.degra3.moveTo(105,0);
  58. this.degra3.lineTo(123,0);
  59. this.degra3.lineTo(123,100);
  60. this.degra3.lineTo(105,100);
  61. this.degra3.lineTo(105,0);
  62. this.degra3.endFill();
  63. this.degra3.onRollOver = function() {
  64.  this.useHandCursor = false;
  65. };
  66. this.degra3.onPress = function() {
  67.  Mouse.hide();
  68.  Fleche.startDrag(true,125,0,125,100);
  69.  duplicateMovieClip(Fleche, "Fleche2", 10);
  70.  Fleche2._x = Fleche._x;
  71.  Fleche2._y = Fleche._y;
  72.  Fleche2._alpha /= 2;
  73.  Fleche._y = this._ymouse;
  74.  Fleche.onEnterFrame = function() {
  75.   this._parent.CP_couleurSortie();
  76.  };
  77. };
  78. this.degra3.onRelease = this.degra3.onReleaseOutside=function () {
  79.  delete Fleche.onEnterFrame;
  80.  this._parent.aCouleur.clear();
  81.  this._parent.aCouleur.clear();
  82.  this._parent.aCouleur.moveTo(-65,30);
  83.  this._parent.aCouleur.beginFill(this._parent.couleurFinal);
  84.  this._parent.aCouleur.lineTo(-5,30);
  85.  this._parent.aCouleur.lineTo(-5,60);
  86.  this._parent.aCouleur.lineTo(-65,60);
  87.  this._parent.aCouleur.lineTo(-65,30);
  88.  this._parent.aCouleur.endFill();
  89.  removeMovieClip("Fleche2" );
  90.  Mouse.show();
  91.  Fleche.stopDrag();
  92.  ExternalInterface.call("RecupCouleur", tSortie.text);
  93. };
  94. this.CP_couleurSortie();
  95. };
  96. CP_couleurSortie = function () {
  97. if (Fleche._y>50) {
  98.  var blackAndWhite = [0, 0, 0];
  99. } else {
  100.  var blackAndWhite = [255, 255, 255];
  101. }
  102. this.cF1 = CP_melange(this.Couleur, blackAndWhite, Math.abs((Fleche._y-50)*2));
  103. this.couleurFinal = RGBtoHEXA(cF1[0], cF1[1], cF1[2]);
  104. this.nCouleur.clear();
  105. this.nCouleur.moveTo(-65,0);
  106. this.nCouleur.beginFill(this.couleurFinal);
  107. this.nCouleur.lineTo(-5,0);
  108. this.nCouleur.lineTo(-5,30);
  109. this.nCouleur.lineTo(-65,30);
  110. this.nCouleur.lineTo(-65,0);
  111. this.nCouleur.endFill();
  112. tSortie.text = "#"+this.getHEXA();
  113. };
  114. function CP_melange(f, d, p) {// f pour FOND
  115. // d pour DESSUS
  116. // p pour POSITION ou POURCENTAGE
  117. var eR = d[0]-f[0];
  118. var eG = d[1]-f[1];
  119. var eB = d[2]-f[2];
  120. var R = eR*p/100+f[0];
  121. var G = eG*p/100+f[1];
  122. var B = eB*p/100+f[2];
  123. R = Math.round(R);
  124. G = Math.round(G);
  125. B = Math.round(B);
  126. return [R, G, B];
  127. }
  128. function CP_getCouleur1(x) {
  129. var a = 255;// x est donné entre 0 et 100. Il nous le faut entre 0 et 1530
  130. x *= 1530/100;// D'abord on traite le ROUGE
  131. if (x<a || x>=5*a) {
  132.  var R = 255;
  133. } else if (x>=a && x<2*a) {
  134.  var R = 2*a-x;
  135. } else if (x>=2*a && x<4*a) {
  136.  var R = 0;
  137. } else if (x>=4*a && x<5*a) {
  138.  var R = x-4*a;
  139. }
  140. // Puis le VERT  
  141. if (x<a) {
  142.  var G = x;
  143. } else if (x>=a && x<3*a) {
  144.  var G = 255;
  145. } else if (x>=3*a && x<4*a) {
  146.  var G = 4*a-x;
  147. } else if (x>=4*a) {
  148.  var G = 0;
  149. }
  150. // Et enfin le BLEU  
  151. if (x<2*a) {
  152.  var B = 0;
  153. } else if (x>=2*a && x<3*a) {
  154.  var B = x-2*a;
  155. } else if (x>=3*a && x<5*a) {
  156.  var B = 255;
  157. } else if (x>=5*a) {
  158.  var B = 6*a-x;
  159. }
  160. // On arrondit tout ça, valeure ENTIERE uniquement pour le RGB  
  161. R = Math.round(R);
  162. G = Math.round(G);
  163. B = Math.round(B);// On retourne la valeure Hexa (sans le 0x ou le # devant)
  164. return [R, G, B];
  165. }
  166. function HEXAtoRGB(HEXA) {
  167. var caractere = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"];
  168. HEXA = HEXA.split("" );
  169. for (var i = 0; i<HEXA.length; i++) {
  170.  for (var j = 0; j<caractere.length; j++) {
  171.   if (HEXA[i] == caractere[j]) {
  172.    HEXA[i] = j;// En gros, si on a F, tu mets 15 à la place, et ainsi de suite...
  173.    break;// Stop la seconde boucle "for" !
  174.   }
  175.  }
  176. }
  177. var R = HEXA[0]*16+HEXA[1];
  178. var G = HEXA[2]*16+HEXA[3];
  179. var B = HEXA[4]*16+HEXA[5];
  180. return {R:R, G:G, B:B};
  181. }
  182. function RGBtoHEXA(R, G, B) {
  183. return (R*Math.pow(16, 4)+G*Math.pow(16, 2)+B);
  184. }
  185. getHEXA = function () {
  186. var caractere = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"];
  187. var R1 = caractere[Math.floor(cF1[0]/16)];
  188. var R2 = caractere[cF1[0]%16];
  189. var G1 = caractere[Math.floor(cF1[1]/16)];
  190. var G2 = caractere[cF1[1]%16];
  191. var B1 = caractere[Math.floor(cF1[2]/16)];
  192. var B2 = caractere[cF1[2]%16];
  193. return (R1+R2+G1+G2+B1+B2);
  194. };
  195. this.CP_creationCarre();


 
Voici le code de la page HTML qui essaye de faire un alert en donnant la valeur hexa de la couleur cliquée ...
 

Code :
  1. <script language="javascript">
  2. function RecupCouleur(couleur) {alert(couleur);}
  3. </script>
  6. <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
  7. </head>
  9. <body>
  10. <script type="text/javascript">
  11. AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','195','height','106','src','COLORPICKER/ColorpickerMX','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','COLORPICKER/ColorpickerMX' ); //end AC code
  12. </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="195" height="106">
  13.   <param name="movie" value="COLORPICKER/ColorpickerMX.swf" />
  14.   <param name="quality" value="high" />
  15.   <embed src="COLORPICKER/ColorpickerMX.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="195" height="106"></embed>
  16. </object></noscript>
  18. </body>
  19. </html>

Reply

Marsh Posté le 14-10-2007 à 06:41:22   

Reply

Sujets relatifs:

Leave a Replay

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