javascript, javascripts, js, jscript, scripts, script, html, dhtml, dynamic, cookies, menu, frames, formulaire, source, code, gratuit, exemple, developper, html, php4, php3, php, mysql, liens, php2, forum, livre d'or, pages, web, dynamiques, programmation, webmasters, webmestres, tutorial, tutoriel, annuaires, espace, membres, banniéres, caddies, chats, compteurs, formulaires, forums, gestion, documentations, news, mailing, list, newsletter, moteurs, recherche, sondages, votes, statistiques, autres, agendas, calendriers, mail, annonces, audio, outils, réseaux, graphique, recommandation, site, sécurité, portail, creation, actualité, moteur de recherche, moteur, trucs, astuces, services, flash, action script, actionscript Tutoriaux : Flash - ActionScript
Script Masters : Javascript, Php, Mysql, html pour Webmasters!
 
    Script Masters
 
    Espace membre
 
    Langages
 
    Autres ressources
 
    Ressources graphiques
 
    Recherche
 
    Kit graphique
 
    Liens
 
    Statistiques


 


Télécharger les sources de cet article


Untitled Document
Section Privée en Flash


Tutorial écrit par : Gasp - Oui-oui.org

 

   Introduction

 

 

Voici l'exemple à partir duquel nous allons travailler.

Plusieurs mots de passe sont et peuvent être définis.
Tapez "privé" et vous atterissez dans la section speciale désignée dans flash.
Tapez "oui". Cela vous ouvre une nouvelle page, là c'est mon site : D
Nous aborderons l'utilisation des labels ou étiquettes, programmation associée à des champs de saisie et inclusion de script externe

 

L'interface



1) Créez un nouveau Symbole Clip. Nommez-le "Password"

2) Sur la timeline insérez 1 nouveau calque.

3) Renommez le calque du bas saisie, le second calque en haut s'appellera action.

4) Verouillez le calque action

Sur la première image, à l'aide de l'outil texte (options texte statique) écrivez : PASSWORD

5) Juste à côté, toujours avec l'outil texte tracez un champ de saisie de la taille souhaitée. Dans les options de texte choisissez Texte de saisie, cochez la case de contour.
Ensuite, attribuez une variable à ce champ de saisie : password

6) Pour valider votre saisie, vous devez créer un bouton. Ce dernier au point faites le glisser depuis la bibliothèque dans votre Movie Clip.


Pour l'instant tout va bien !


Mauvais mot de passe
  Et que se passe-t-il si le visiteur tape le mauvais password ? Il sera dirigé vers une autre partie lui signalant l'erreur et l'invitant à le retaper.

1) Pour cela, nous insérons une nouvelle image clé sur le calque saisie en position 10 (frame 10).

2) Rajoutez juste en texte statique la phrase suivante : " Mot de Passe Incorrect ! "

3) Occupez-vous désormais du calque action. Sur la première image, insérez l'action suivante : stop();

4) Insérez une image-clé VIDE (F7 ou clic-droit insérer image-clé vide) au numéro 10 de la timeline. Vous remarquerez que c'est la même frame (n°10) que le calque Saisie.

5) Sélectionnez la frame 10 et remplacez l'étiquette " Frame Label " par "error".

 

Actions
  Maintenant que l'interface est au point nous allons placer les actions indispensables au bon fonctionnement de l'anim.


1) Toujours dans le clip "password", sur le calque saisie, sélectionnez le bouton ENTER.
Clic-droit --> Actions :

Script :
on (release, keyPress "<Enter>") {
if (password eq "oui")
{getURL("http://www.votre_page_préférée.com", "_blank");
}
else if (password eq "privé")
{tellTarget ("_level0")
{gotoAndStop("private");
}
} else {
gotoAndStop("error");
}
}

Comprenez bien que ce code est associé au bouton et ce dernier le contient.
Vous remarquerez deux choses... Selon le mot de passe, l'ouverture de la page correspondante peut se faire de multiples façons mais aussi suivre le reste de l'animation. L'action de lecture sur la timeline étant bloquée par une action stop();
Vous comprendrez bien en observant la timeline finale ;)

2) Pour vous simplifier la vie et actualiser les mots de passe vite fait-bien fait, il existe une façon de ne pas intégrer de code directement dans l'animation.
Vous utilisez l'action :

Script :
#include

Au lieu de taper vos tonnes de code sur le bouton ENTREE, vous faites juste ça :

Script :
#include "private.as"

private.as; c'est le nom de mon fichier ActionScript édité en mode texte sous Notepad et enregistré avec la temrinaison .as. Seul le fichier .as est à mettre à jour.

Finalisation
  1) Faites glisser votre clip "password" sur la scène principale sur la frame 1.

2) Sur cette même frame, posez une action stop ();

3) Insérez une image-clé vide 120 frames plus loin. Donnez lui l'étiquette suivante :"privé"
Ce sera l'emplacement à partir duquel vous pourrez faire votre section privée.

4) Faites-y ce que vous voulez. Mais n'oubliez pas de placer un bouton qui vous replace à l'acceuil. Donc, un bouton retour où vous y placez l'action suivante :

Script :
on (release) {
gotoAndStop(1);
}

Conclusion
 

C'est tout ! Vous avez vu c'était facile ! Cependant ne perdez pas de vue qu'il s'agît d'un système temporaire. Il est très facile de percer ce type de barrage.
Mais ça nous familiarise bien avec les étiquettes, les imbrications de clips et un ch'ti peu de prog.
Les sources sont disponibles en téléchargement ici. Pour tout problème, n'hésitez pas à aller sur le forum. A +

 

- Un problème? Posez vos questions sur le forum Flash/ActionScript!
- Ce tutorial a été consulté 39976 fois
- Afficher ce tutorial au format imprimable


Script Masters © Ce texte est la propriété de son auteur.
Toute reproduction est interdite.

 




 
Votre nom de domaine est-il libre?
 
Fabien Daniel - fd-web.net © 2001-2008 | Hebergement : OVH | CNIL : 796128