Mettre mon site en page de damarrage
  Approfondissement des notions de Flash 5

 

 Fiche d'enrichissement 4

 
 
 
  Passer des variables et faire une recherche sur Yahoo depuis votre site  web !
Source : WebYo, atelier pratique #3
http://www.webyo.net
  Présentation
Dans cette fiche, vous apprendrez comment, avec FLASH à partir de votre site web personnel, vous pouvez lancer une recherche sur Yahoo France. Pour ce faire, il faut définir une variable dans le champ prévu à cet effet et, pour cet atelier, celle-ci doit être la même que celle utilisée par le moteur de recherche. Par exemple, Yahoo.fr utilise la variable p, Google le q, etc.

Le résultat final de cette fiche devra ressembler à ceci.

 

  Pratique
  1. Créez un nouveau document et enregistrez-le sous le nom FicheSsup4.fla. À la toute fin de cette fiche, vous devrez également exporter votre animation en .SWF et la publier en .HTML.

  2. Créez 4 calques sur la scène :  TITRE, BOUTON, CONSIGNE et CHAMP TEXTE.

  1. Sur le 1er calque (TITRE), inscrivez avec l’outil texte de FLASH : «RECHERCHE SUR YAHOO».

  2. Sur le calque CONSIGNE, inscrivez : «ENTREZ VOTRE REQUÊTE».

  3. Sur le calque CHAMP TEXTE, à droite juste à côté de consigne, insérez une zone de texte en respectant à la lettre les éléments suivants :


Ces paramètres permettent à l’usager d’écrire dans la zone de texte, sur une seule ligne, et ce qu’il écrit est stocké dans une variable nommée P.

  1. Finalement, sur le dernier calque (BOUTON), placez un bouton que vous créez ou que vous prenez dans les bibliothèques communes et dans lequel vous insérez le code suivant :

    on (release) {
          GetURL ("http://fr.google.yahoo.com/bin/query_fr", "_blank", "GET");
    }

  2. Sauvegardez votre fichier .FLA, exportez l’animation en .SWF et publiez un fichier .html en choisissant l’option «PUBLIER» du menu «Fichier».

  3. Testez si votre outil de recherche fonctionne correctement!

 

  Résultat attendu (exemple réalisé par Jean-Philippe Rioux-Bernier)

 
Webmaster : Auteur du site | © Design : LaCasaGoum.com
 



<-  Haut de page  ->