Créer un mini site en FLASH : 3/3

le 1 novembre 2009 • Flash • par Dawlin

Voici la troisième et dernière partie de mon tutoriel où nous allons apprendre à charger le contenu depuis des pages PhP qui se trouvent à côté. pour cela je vais avoir besoin de connaître le tutoriel pour charger des pages PhP dans FLASH . Une fois ceci fait, je vais pouvoir aller bien vite...

J'ai déjà mon CSS que j'ai un peu trafiqué pour qu'il lise bien les images :

Télécharger le CSS

Et je me suis fait des petites pages bien chouettes que je vous donne ça ira plus vite (vous les modifierez comme vous voudrez après) :

Note : ces pages ont toutes le même format.

Maintenant on reprend notre clip "contp" et on remplace les champs de textes qui sont dedans par un gros champ de texte "champ". maintenant dans notre code de départ on va faire un petit code comme ceci :


stop();

/* Code ActionScript 2 pour le tuto de chargement de page HTML depuis flash. 
Par Dawlin pour Kommunauty */

// Création de la variable de type style css
var style1:TextField.StyleSheet = new TextField.StyleSheet();
// chargement du css dedans
style1.load("style.css");
//application au champ
contp.champ.styleSheet = style1;

//définition des paramètres du champ de texte.
contp.champ.multiline= true;
contp.champ.wordWrap = true;
contp.champ.html = true;



// on défini une vitesse :
vitesse = 20;
// On définira plus tard une variable "demande" qui demandera telle page... en attendant si elle n'existe pas on affiche accueil
if(!demande){
	demande="accueil";
}
// On défini un booléen pour savoir si on a déjà viré la page précédente
var bool:Boolean = false;
// ici 35 fois par seconde
this.onEnterFrame = function(){
	// Tant que le contenu de la page n'a pas quitté le cadre...
	if(contp._x<=810 && bool == false){
		contp._x += vitesse;
	}
	//Sinon c'est qu'il l'a quitté...
	else if(bool == false){
		// On signale qu'il l'a quitté
		bool = true;
		// On le rappelle de l'autre côté de l'animation
		contp._x = -650;
		// On lui applique la valeur des contenus :
// ATTATION CETTE LIGNE A CHANGE !
// On va maintenant charger notre page en tant que XML dans une variable
var page:XML = new XML();
//On ignore les blancs
page.ignoreWhite = true;
page.onLoad = function () {	
//trace("loaded");
//trace(page);
// et on attribue son contenu au texte "champ"
	contp.champ.htmlText = page;
}

// On charge le fichier
page.load(demande+".php");
// ATTATION CETTE LIGNE A CHANGE !
	}
	
	// Si il est bien repassé de l'autre côté mais qu'il n'est pas revenu à sa place
	if(bool == true && contp._x < 200){
		// Alors on le renvoie progressivement à sa place
		contp._x += vitesse;
	}
	// Quand il y est ..
	else{
	// On va à la bonne page
		gotoAndStop(demande);
	}
}

Vous remarquerez qu'au moment où avant j'insérai les données, c'est ici que maintenant je les charge. et maintenant youpiyoup, tout marche, c'est super ! Vous pouvez enlever les codes d'avant sur les autres pages, qui sont totalement obsolètes maintenant...

Et vous avez réussi à faire ça, au bout de 3 tutoriels :

Et voilà maintenant la source : Source

Voilà, merci d'avoir lu cette suite de 3 tutoriels,

Dawlin

« Retour au sommaire