Transformer un movieClip en boutton

Question

Bonjour,

Je souhaite cr&#233;er &#224; la vol&#233;e des movieClip cliquables, en d'autre terme des buttons.

Il s'agit de charger une liste de langue dynamiquement dans un fichier XML (ca c fait) puis de construire une barre contenant tout les drapeux des langues disponibles, voici le code pour cette partie :

for(j= 0 ; j<_global.VALID_LANGUAGES.length ; j++)
{

  my_mc.createEmptyMovieClip('mc_flag_'+j,j+10);
 // chargement de l'image JPG
  var nom='flag/'+_global.VALID_LANGUAGES[j][0]+'.jpg';
  my_mc['mc_flag_'+j].loadMovie(nom);
   //// maintenant on transforme le clip en bouton:
  Object.registerClass(my_mc['mc_flag_'+j], Button); 
 my_mc['mc_flag_'+j].enabled =true;
 my_mc['mc_flag_'+j].useHandCursor = true;
 my_mc['mc_flag_'+j]._alpha=50;
   //evenement associe...
 my_mc['mc_flag_'+j].mouseOver = function() {  my_mc['mc_flag_'+j]._alpha=100; }
 my_mc['mc_flag_'+j].mouseOut = function() {  my_mc['mc_flag_'+j]._alpha=50; }
 my_mc['mc_flag_'+j].onRelease = function() { trace('Hit on '); } //+_global.VALID_LANGUAGES[j][0]); }

// positionnement
 my_mc['mc_flag_'+j]._x=40+j*35;
 my_mc['mc_flag_'+j]._y=40;
}

En rouge j'ai mis la ligne de code qui me semblait &#234;tre la solution pour convertir &#224; la vol&#233;e un MC en button, afin de pouvoir associer des &#233;venements mouseOver, mouseOut et onRelease....

MAis pour l'instant aucun &#233;v&#232;nement ne fonctionne.

L'affichage des drapeux et leur positionnement est correct.

Merci de m'aider...

John_Doe_88 · Answer

Pqoi tu tiens a convertir tes clips en bouton ? A mon avis tu te casses
la t&#234;te pour rien parce que il suffit de faire un clip contenant un
bouton et de dupliquer ce clip.

cs_MaX3315 · Answer

Heu...

La je vois pas trop ta solution.
CAr chaque bouton &#224; une autre image (drapeau d'un pays)...

John_Doe_88 · Answer

Ben dans ton bouton tu mets un clip destin&#233; &#224; recevoir l'image.

cs_MaX3315 · Answer

Donc si j'ai bien compris je garde ma boucle sur mon tableau de lang

et poiur chaqune d'entre elle je fait

 duplicate... (monBouton)
monButton.onrelease = function() { ... }
monButton.createEmtyMovieClip('toto',...)
monButton.toto.loadMovie('url');

C'est c&#224; l'id&#233;e?

Merci de te pencher sur la question.

John_Doe_88 · Answer

Oui tres grossierement c ca. Juste :

-> perso je prefere attachMovie a duplicateMovieClip, mais bon c comme tu veux.

-> tu as un clip qui contient un  bouton qui contient un clip, donc attention au ciblage

-> tu peux creer ton clip toto en statique

cs_MaX3315 · Answer

C'est bon ca fonctionne....
(un nouveau clip colle au boutton instancie)

Merci &#224; toi et aussi &#224; Orphy sur le chat ...

cyberval · Answer

Salut, alors voila comme tu as l'air davoir r&#233;solu le probl&#233;me ben je voulais savoir si il etais possible que tu m'envoies le code correspondant car moi ji arrive pas.... en fait ce que je voudrais c'est le code dans la boucle for correspondant aux &#233;tapes suivantes :
 --> duplicate... (monBouton)
 --> monButton.onrelease = function() { ... }
 --> monButton.createEmtyMovieClip('toto',...)
 --> monButton.toto.loadMovie('url');


 


Merci beaucoup !!

cs_MaX3315 · Answer

Bonjour, voici ce que j'ai bricolé au final, c'est peut être pas ce qu'il y a d'ideal mais ca fonctionne donc voilà : -------------------------------------------------------------- for(j=0 ; j<_global.VALID_LANGUAGES.length ; j++) { var nom='flag/'+_global.VALID_LANGUAGES[j][0]+'.jpg'; // truc du style '/flag/US.jpg' my_mc.createEmptyMovieClip('mc_flag_'+j,j+100); //on creer un rectangle plein d'abord my_mc['mc_flag_'+j].beginFill(0xff0000,0); my_mc['mc_flag_'+j].lineStyle(2,0x000000,100); my_mc['mc_flag_'+j].moveTo(0,0); my_mc['mc_flag_'+j].lineTo(30,0); my_mc['mc_flag_'+j].lineTo(30,20); my_mc['mc_flag_'+j].lineTo(0,20); my_mc['mc_flag_'+j].lineTo(0,0); my_mc['mc_flag_'+j].codeLang=_global.VALID_LANGUAGES[j][0]; //on charge le drapeu //on associe a ce rectangle plein un nouveau clip contenant cette fois l'image my_mc['mc_flag_'+j].createEmptyMovieClip('mc_flag_img_'+j,this.j+50); my_mc['mc_flag_'+j]['mc_flag_img_'+j].loadMovie(nom); //// maintenant on transforme le clip en bouton: //evenement associe... if(_global.CURRENT_LANGUAGE==_global.VALID_LANGUAGES[j][0]) { my_mc['mc_flag_'+j]._alpha=100; } else { my_mc['mc_flag_'+j]._alpha=50; } //gestion du ROLL OVER et ROLL OUT my_mc['mc_flag_'+j].onRollOver = function() { this._alpha=100; } my_mc['mc_flag_'+j].onRollOut = function() { this._alpha=50; if(this.codeLang==_global.CURRENT_LANGUAGE) { this._alpha=100; } else { this._alpha=50; } } //gestion de l'action my_mc['mc_flag_'+j].onRelease = function() { //il s'agit a partir du nom du movie clip qui se termine par mc_flag_ var codeLang=-1 for(kk=0 ; kk<_global.VALID_LANGUAGES.length ; kk++) { my_mc['mc_flag_'+kk]._alpha=50; if((new String(this)).indexOf('mc_flag_'+kk)>0) { //trace('Changement de langue vers >> '+_global.VALID_LANGUAGES[kk][0]); codeLang=_global.VALID_LANGUAGES[kk][0]; } } if(codeLang!=-1) { _global.changementDeLangue(codeLang,this); } else { trace('Error : language not avaible!'); } } my_mc['mc_flag_'+j]._x=j*35; my_mc['mc_flag_'+j]._y=0; } -------------------------------------------------------------- NB _global.VALID_LANGUAGES est un tableau à deux dimensions contenant une liste de langue (code international et nom usuel) Voilà je pense qu'il y a assez de commentaires pour comprendre ce que j'ai bricolé...

Transformer un movieClip en boutton

8 réponses

Votre réponse

Discussions similaires