Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1648 connectés 

  FORUM HardWare.fr
  Programmation
  Flash/ActionScript

  Flash vers Javascript

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Flash vers Javascript

n°1623403
popov1301
Posté le 14-10-2007 à 06:41:22  profilanswer
 

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>

mood
Publicité
Posté le 14-10-2007 à 06:41:22  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  Flash/ActionScript

  Flash vers Javascript

 

Sujets relatifs
appel d'un css avec javascriptFile browser en Javascript?
Passage en javascript et phpFaire un site en Flash
Extraire de données de fichier texte vers excelExcel vers solution en ligne
VBA ASP JAVASCRIPT ??????[résolu] Passage de variable javascript vers flash avec iframe
Delais d'action d'un 'setVariable' de Javascript vers FlashFlash 5 Javascript / Actionscript lien HTML vers une frame specifiq
Plus de sujets relatifs à : Flash vers Javascript

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.091 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR