Magazine Internet

[Flash] Système de news en xml

Publié le 09 novembre 2007 par Avi Teboul

Voici comment charger des données d'un fichier xml et les afficher

Bonjour,
Vous allez apprendre à réaliser un système de news en flash:


1) Ouvrir flash
2) Créer 4 nouveaux calques et nommer les AS, Boutons, Zone texte, Compteur.
3) Sur le calque AS, placer le code suivant afin de charger le xml:
var newsXML:XML = new XML();
newsXML.ignoreWhite = true;
var output:String = "";
newsXML.onLoad = function(success) {
if (success) {
var news:Array = newsXML.firstChild.childNodes;
for (i=0;i
output += "";
output += news[i].childNodes[0].firstChild.nodeValue;
output += " - ";
output += news[i].childNodes[1].firstChild.nodeValue;
output += "\n\n";
output += news[i].childNodes[2].firstChild.nodeValue;
output += "\n";
output += news[i].childNodes[3].firstChild.nodeValue;
output += "\n";
output += "------------------------------------\n";
}
scroll.htmlText = output;
nbnews.text = newsXML.firstChild.childNodes.length;
}
else
{
news_txt.htmlText = "XML file did not load.";
}
}
newsXML.load("news.xml");
stop ();
4) Maintenant placez-vous sur le calque zone texte :
Dessinez une zone de texte sur la scène (assez grande pour afficher du texte sur plusieurs lignes) dans la listebox sélectionnée : texte dynamique, donnez-lui comme nom: scroll et comme variable: txt
5) Maintenant allez sur le calque compteur, dessinez à nouveau une zone de texte de petite taille (assez grande pour afficher deux chiffres), donnez comme nom : nbnews
c'est grâce à cette ligne de code que vous pourrez afficher le nombre de news du document :
nbnews.text = newsXML.firstChild.childNodes.length;
6) Maintenant passons aux boutons, dessinez deux boutons sur la scène et nommez-les bt_haut et l'autre bt_bas.
Maintenant placez le code suivant sur le bouton haut :

on (release) {
txt.scroll++;
}

et celui-ci sur le bouton bas.
      on (release) {
      txt.scroll--;
      }

7) Téléchargez le fichier suivant : xml et sauvez-le sous le nom de news.xml, ATTENTION SAUVEZ AU FORMAT UFT-8 sinon les accents ne seront pas visibles.
8) Faites ctrl+enter, et vous devriez avoir vos news qui s'affichent dans la zone de texte que vous avez définie et le nombre de news dans le document.
Démo : ICI
Source : ICI

Bàv,
Burnside



Retour à La Une de Logo Paperblog

A propos de l’auteur


Avi Teboul 600 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte