ouverture de popup sur clic d'un movie clip creer dynamiquementRésolu

Question

Bonjour a tous 



Je voudrais savoir comment faire pour ouvrir une popup sur le clic d'un movie clip



Explication:

G le code suivant qui crer dynamiquement un movieclip et y ins&#233;re une
image redimensionner(pour cr&#233;er des thumbnails dynamiquement)



-----DEBUT-----

//creation du movie clip
_root.createEmptyMovieClip("banniere", 1) ;

//insertion de l'image dans le movie clip
_root.banniere.loadMovie("mon_image.jpg") ;



//une fois l'image charger je la redimensionne
_root.onEnterFrame = function() 

{

    var BT = this.banniere.getBytesTotal() ;

    var BL = this.banniere.getBytesLoaded() ;

    

    if (BL == BT && BL > 4) 

    {

        trace("ok");

        this.banniere._x = 0 ;

        this.banniere._y = 0 ;

        this.banniere._width = 100 ;

        this.banniere._height= 100 ;

        delete this.onEnterFrame;

    }

} 

-----FIN-----



et je voudrais ouvrir une popup en cliquant sur le movieclip cr&#233;er pour avoir l'image agrandit



Si qq'un a une id&#233;e, ca serai vraiment sympa



Parceque l&#224; je vois pas comment faire du tout...



Merci d'avance pour votre aide



YOSH

cs_yosh · Accepted Answer

Bon ben apres qq modif pour que tous soit dynamique, ca fonctionne a merveille



Explication:

    Interfacage PHP/Mysql qui permet d'alimenter une
combobox, d'afficher dynamiquement une image et une description (sous
la combobox) pour chaque elements de la combobox.



-----DEBUT-----

//d&#233;claration de variable LoadVars pour interfa&#231;age Flash/PHP

var maReception_lv:LoadVars = new LoadVars();



//fonction de chargement de l'objet LoadVars

//si le chargement r&#233;ussi, on initialise la liste des types d'albums

//sinon -------------------A FAIRE-------------------

maReception_lv.onLoad = function(succes)

{

    if(succes)

    {

        //initialise le nombre de description de la page

        _root.nb_description_nb=this.nb_type_album;

        

        //tant qu'il y a des donn&#233;es &#224; ins&#233;rer

        for (var i = 0; i<_root.nb_description_nb; i++) 

        {

            //on ajoute les donn&#233;es a la combobox

            _root.liste_type_album.addItem(this["type_album_"+i]);

            

            //creation dynamique de l'image du type d'album

            //DEBUT------------------------------------------------------

            

            //initialisation du chemin de l'image

            _root.chemin_image="res/images/type_album/"+this["image_"+i];

            

            //creation du clip qui va accueillir le bouton

            _root.createEmptyMovieClip("button_"+i,i);

            

            //on creer un rectangle plein pour la zone reactive du bouton

            _root["button_"+i].beginFill(0xff0000,0);

            _root["button_"+i].lineStyle(2,0x000000,100);

            _root["button_"+i].moveTo(0,0);

            _root["button_"+i].lineTo(10,0);

            _root["button_"+i].lineTo(10,10);

            _root["button_"+i].lineTo(0,10);

            _root["button_"+i].lineTo(0,0); 

           

            //on associe a
ce rectangle un nouveau clip contenant cette fois l'image

            _root["button_"+i].createEmptyMovieClip("image_button_"+i,this.i+2);

            _root["button_"+i]["image_button_"+i].loadMovie(chemin_image);

            

            //la zone du bouton prend une opacit&#233; de 30

            _root["button_"+i]._alpha=30;

            

            //gestion du ROLL OVER et ROLL OUT

           
_root["button_"+i].onRollOver  = function() { 
this._alpha=100; }

           
_root["button_"+i].onRollOut  = function() {  this._alpha=30;
}

            

            //gestion de l'action du bouton

            _root["button_"+i].onRelease = function() 

            {  

                //Mailto pour exemple (fonctionne tres bien)

                getURL("mailto:polyosh@yahoo.fr");

            }

            

            //positionnement du bouton

            _root["button_"+i]._x=_root.liste_type_album._x;

           
_root["button_"+i]._y=_root.liste_type_album._y+_root.liste_type_album._height+(50*i)+50;

            

            //FIN------------------------------------------------------

            

            //creation dynamique de la description du type d'album

            //DEBUT------------------------------------------------------

            

            //creation de la zone de texte

           
_root.createTextField("texte_"+i,i+this.nb_type_album,_root.liste_type_album._x+50,_root["button_"+i]._y,
220, 100);           
           
        

            

            //assignation de la valeur a la zone de texte

            _root["texte_"+i].text = this["description_"+i];

            

            //FIN------------------------------------------------------

        }

    }

}



//chargement de l'objet Loadvars avec la page a charger en param&#232;tre

maReception_lv.load("liste_type_album.php");

-----FIN-----



Et voila, reste plus qu'a redimensionner mes images une fois qu'el son charger



Si vous avez une id&#233;e merci de m'en faire part



En tous cas merci de votre aide,



YOSH

lalok · Answer

ben tu fait un truc du genre



_root.banniere.onRelease = function () { tonAction };

cs_goldenboy68 · Answer

et &#224; la place de "tonAction" fais un "getURL(ici tous les param&#232;tres);"



et pour trouver quoi mettre comme param&#232;tres, fais une recherche sous
"javascript:void popup" et tu trouveras sans doute une ligne de code &#224;
modifier!



Faudra mettre le code javascript dans le fichier HTML et le
getURL(javascript:void....) va appeler la fonction javascript du
fichier HTML.



Voil&#224; @+! Samy

cs_goldenboy68 · Answer

...ok pour le mailto...mais pour le popup, faudra quand m&#234;me chercher la ligne de code javascript...



@+! Samy

cs_yosh · Answer

La popup fonctionne parfaitement, au lieu de mailto je fais:

getURL("javascript:popUpImage('apercu.php?img="+_root.chemin_image+"',200,200)");



Reste maintenant un dernier probl&#232;me:

    

    Je souhaite pouvoir redimensionner la taille de mon image dans mon clip



J sais qu'il faut attendre que l'image soit charger pour le faire, 

mais je nes sais pas vraiment comment l'incorporer dans mon code



Le code suivant ne fonctionne pas et je ne sais pas non plus si je suis sur la bonne piste



-----DEBUT-----

//au chargement de mon animation

_root.onEnterFrame = function() 

{

    //pour chaque clip bouton dans lesquel 

    //g un clip image cr&#233;er dynamiquement

    for (var i = 0; i<_root.nb_description_nb; i++) 

    {

        //declaration des variables qui g&#232;rent le transfert de donn&#233;es

        var total_load = _root["button_"+i].getBytesTotal() ;

        var bytes_load = _root["button_"+i].getBytesLoaded() ;

        

        //si les donn&#233;es charg&#233;es = la donn&#233;e total

        //=>si chargement termin&#233;

        if (bytes_load == total_load && bytes_load>4) 

        {

            //redimensionnement de l'image du bouton et de l'image dans le bouton

            _root["button_"+i]._width = 100 ;

            _root["button_"+i]._height = 100 ;

            _root["button_"+i]["image_button_"+i]._width = 100;

            _root["button_"+i]["image_button_"+i]._height = 100;

            _root.onEnterFrame=undefined;

        }

    }

}

-----FIN-----


En fait ca marche dans un code que g deja fais



Dans mon code qui marche ca donne ca



-----DEBUT-----

_root.createEmptyMovieClip("banniere", 1);

_root.banniere.loadMovie("mon_image.jpg");



_root.onEnterFrame = function() 

{

   //declaration des variables qui g&#232;rent le transfert de donn&#233;es


   var total_load = _root.["button_"+i].getBytesTotal() ;


   var bytes_load = _root["button_"+i].getBytesLoaded() ;

    

   //si les donn&#233;es charg&#233;es = la donn&#233;e total


   //=>si chargement termin&#233;

   if (bytes_load == total_load && bytes_load>4) 

   {

         //redimensionnement de l'image et positionnement

       this.banniere._x = 0 ;

       this.banniere._y = 0 ;

       this.banniere._width = 100 ;

       this.banniere._height= 100 ;

       this.onEnterFrame=undefined;

   }

}

-----FIN-----



Je c pas vraiment ce qui cloche



Merci encore de votre patience et de votre aide




Yosh

cs_goldenboy68 · Answer

Regarde du c&#244;t&#233; de MovieClipLoader...t'as un &#233;couteur d'int&#233;gr&#233;
"onLoadComplete" qui te permet directement de savoir quand l'image est
charg&#233;e (&#231;a marche pour SWF et JPG...en plus t'as un "onProgress" qui
peut &#234;tre int&#233;ressant si tu veux afficher une progress bar pendant le
chargement)



du tout en un...reste plus qu'&#224; le faire marcher! lol



@+! Samy



PS: MovieClipLoader est apparu avec MX 2004, donc si t'as pas cette version, faudra bidouiller ton code!

cs_yosh · Answer

J arrive pas :(



En fait g pas trouver d'exemple super conqret, enfin j'en est un mais je comprend pas...



Tu connaitrais pas un tutz complet et bien commenter



STP



Yosh

cs_goldenboy68 · Answer

Dans l'aide de Flash, c'est super bien expliqu&#233;!



tape MovieClipLoader dans le panneau Actions, tu le s&#233;lectionnes, et tu tapes sur F1!



@+! Samy

cs_yosh · Answer

Voici le code que g mis, g utilis&#233; une zone de texte nom&#233; TEST pour
savoir ce que sa fesait (NB:dans flash y a rien qui marche mais dans
mon navigateur pas de prob), et le chargement a l'air de bien se passer
mais la redimension de mes images ne fonctionne pas (si je fais un
_xscale par contre ca marche), en fait l'image n'est m&#234;me pas affich&#233;.



-----DEBUT-----

_root["button_"+i].createEmptyMovieClip("image_button_"+i,this.i+2);

       

//declaration des ecouteurs pour savoir si l'image est charg&#233;

//afin de redefinir la taille de l'image

var mon_mcl = new MovieClipLoader();

monEcouteur = new Object();

monEcouteur.onLoadComplete(_root["button_"+i]["image_button_"+i]) 

{

    //A FAIRE ne fonctionne pas

    test.text="ok_"+i;

    _root["button_"+i]["image_button_"+i]._width=10;

    _root["button_"+i]["image_button_"+i]._height=10;

}

mon_mcl.addListener(monEcouteur);



_root["button_"+i]["image_button_"+i].loadMovie(chemin_image);

-----FIN-----



En tous cas merci, merci de prendre du temps pour me r&#233;pondre Samy, c vraiment sympa :)

cs_goldenboy68 · Answer

Tes doubles crochets sont certainement la source de ton erreur!



...y'a un autre gestionnaire aussi "onLoadInit" il me semble, mais bon,
v&#233;rifie d&#233;j&#224; en changeant les doubles-crochets par
eval("button_"+i".image_button_"+i) un truc du genre...y'a eu un post
l&#224;-dessus y'a 2-3 jours...



@+! Samy



PS: pour tester, soit tu le mets sur le net, soit tu testes avec des
liens qui pointent sur des images sur internet. Car m&#234;me avec de
grosses images &#224; charger, j'ai eu du mal &#224; voir la barre de chargement
chez moi! lol ... et vide le cache du naviguateur si jamais &#231;a charge
trop vite la 2&#232;me fois!

cs_yosh · Answer

A marche toujours pas, tu doit te dire que je suis une merd...



g tester le eval et le onLoadInit mais rien a faire je vois vraiment
pas pourquoi ca marche pas!!!l'image ne s'affiche toujours pas(pas
d'affichage et pas de redimension) si je trace width dans le onLoadInit
il vaut 0.



-----DEBUT-----

_root["button_"+i].createEmptyMovieClip("image_button_"+i,this.i+2);

           

              
//declaration des ecouteurs pour savoir si l'image est charg&#233;

            //afin de redefinir la taille de l'image

               var mon_mcl = new MovieClipLoader();

              monEcouteur = new Object();

            

            mc=eval(_root["button_"+i]["image_button_"+i]);

            

            monEcouteur.onLoadInit(mc) 

           
{           
    

                mc._width=100;

                mc._height=100;

                test.text=mc;

                //A FAIRE ne fonctionne pas

                //_root["button_"+i]["image_button_"+i]._width=10;

                //_root["button_"+i]["image_button_"+i]._height=10;

            }

            mon_mcl.addListener(monEcouteur);

            

            //chargement de l'image dans le clip 

            _root["button_"+i]["image_button_"+i].loadMovie(_root.chemin_image);

-----FIN----- 



Argh!!!!!!!!!!
Yosh

cs_yosh · Answer

EDIT:

le eval(_root["button_"+i]["image_button_"+i]);



me retourne pour chaque bouton cr&#233;er :



_level0.button_0.image_button_0

_level0.button_1.image_button_1

_level0.button_2.image_button_2

_level0.button_3.image_button_3

_level0.button_4.image_button_4


Yosh

cs_goldenboy68 · Answer

http://www.flashkod.com/forum.v2.aspx?ID=495844



C'&#233;tait un peu plus vieux que 2-3 jours!



@+! Samy

cs_yosh · Answer

Bon g enfin r&#233;ussi reste plus qu'a recuperer les dimensions de l'image en php ;) facile



Je donne quand meme le code solution du gestionnaire onLoadMovie pour redimensionner une image lorsqu'elle est charger



-----DENUT-----

for (var i = 0; i<_root.nb_description_nb; i++)

{

    _root.createEmptyMovieClip("button_"+i,i);

    _root["button_"+i].createEmptyMovieClip("image_button_"+i,this.i+2);
    chargeur=new MovieClipLoader();
    chargeur.onLoadInit=function (pCible) 
    {
        pCible._width=100;
        pCible._height=100;
    }
    chargeur.loadClip(_root.chemin_image,_root["button_"+i]["image_button_"+i]);

}

-----FIN-----



Et voila c ty pas beau



Merci encor de ton aide Samy sans toi j'y serai pas arriv&#233;



Cela te d&#233;rangerait-il si je garde ton adresse(du site) au cas ou j'aurai des souci d'actionscript???


Yosh

cs_yosh · Answer

Et pour ceux qui veulent la popup voici le code javascript et son appel en actionscript --------------------------------------------------------------------------------------------------- Script a placer dans un fichier fonction.js et a inclure lors de l'execution de la page(PHP) --------------------------------------------------------------------------------------------------- Appel ActionScript monClip.onRelease = function() { getURL("javascript:popUpImage('apercu.php?img="+this.name+"',200,200)"); } --------------------------------------------------------------------------------------------------- Yosh

Ouverture de popup sur clic d'un movie clip creer dynamiquement

15 réponses

Votre réponse

Discussions similaires