Ajax, Principe
Lundi 9 janvier 2006Ajax ou plutôt Asynchronous Javascript And XML. Ce n
Ajax ou plutôt Asynchronous Javascript And XML. Ce n
egoSurf effectue une recherche sur google, yahoo, msn,del.icio.us, et technorati
Maintenant vous pouvez faire des recherches sur les blogs de MutationEvent directement a partir de votre barre de recherche FireFox installer maintenant
On a vu dans la partie 1 de cette exemple comment modifier les dimensions d’une fenêtre avec flash en appelant simplement une fonction javascript. Maintenant on va faire la même chose sauf que la fenetre sera transformé selon certaines transitions, ces pour cela q’on va utilisé la class mx.Transitions. On garde la même fonction javascript, puis on crée un clip (box_mc) sur la scène.
import mx.transitions.Tween; import mx.transitions.easing.*; function flash_call(w,h){ var tween_handler:Object = new Tween(box_mc, "_width", Regular.easeOut, box_mc._width, w, 1.5, true); var tween_handler2:Object = new Tween(box_mc, "_height", Regular.easeOut, box_mc._height, h, 1.5, true); tween_handler.onMotionChanged = function() { getURL("javascript:resize('"+box_mc._width+"','"+box_mc._height+"');"); }; } this.reduire_mc.onRelease = function(){ flash_call('300','300'); } this.agrandir_mc.onRelease = function(){ flash_call('550','400'); }
Plus d’informations sur cette class sur macromedia
Nous savons tous que flash peut interagir avec javascript et donc contrôler l’aspect des fenêtre popup, ces ce qu’on va faire : On a besoin d’un fenêtre popup (largeur=550 et hauteur =400) qui contient une animation flash et un code javascript qui va exécuter une action : Vous créez une animation dans flash puis l’insérez dans une page html on va appelé ma_popup.html
Maintenant une fonction javascript pour changer la taille de la fenêtre (resizeTo(largeur,hauteur)) Cette méthode resizeTo a besoin de deux paramètres largeur et hauteur.
function resize(largeur,hauteur){ resizeTo(largeur,hauteur); }
Ensuite, dans l’animation flash vous allez créer un bouton ou un MovieClip (mon_bouton_mc) et lui attribué le code pour appelé la fonction resize de javacript on utilisant un simple getURL
mon_bouton_mc.onRelease = function(){ getURL("javascript:resize('300','300');"); }
Sela va demandé a la function resize de changer la taille de la fenetre de sa taille initiale (550/400) à (300/300)
Dans la deuxième partie nous allons faire cette transformation en utilisant la class mx.Transition.