Site complet en flash : part 5

[bronzo]

Salut Wolverine et merci de ta reactivité!
En testant l'animation, je n'ai aucun message d'erreur (c'est ce qui me tracassait par ailleurs!)
Le fichier XML se nomme bien portfolio.xml et se trouve à la même place que le swf et le fla. Petite question cependant au sujet des images censées etre affichées. Doivent elles se trouver egalement à la racine ou dans un dossier (genre portfolio/images/graphisme?)
Ci dessous le code xml.

Code: Tout sélectionner

< ?xml version="1.0" encoding="utf-8"?>
<portfolio>
   <!-- GRAPHISME -->
   <graphisme>
      <projet nom="Graphic 1" typeProjet="Wallpaper" image="image/graphisme/test1.gif">
      Description du premier projet de la catégorie graphisme.
      </projet>
      <projet nom="Graphic 2" typeProjet="Wallpaper" image="image/graphisme/test2.gif">
      Description du second projet.
      On peut également revenir à la ligne.
      </projet>
      <projet nom="Graphic 3" typeProjet="Wallpaper" image="image/graphisme/test3.gif">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at lorem. Ut tempor volutpat lectus. Vivamus eleifend          lacinia lectus. Nulla facilisis mollis tortor. Quisque tristique tincidunt quam.
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      </projet>
   </graphisme>


En te remerciant d'avance !

[explainMe]

Alors pour l'endroit où tu doit placer tes images, c'est un peu comme en HTMl (je en sais pas si tu connais).

Par exemple dans ton fichier XML, l'indication :

image="image/graphisme/test1.gif"

Indique qu'au même niveau qeu tes autres fichiers (le xml, le fla et le swf), tu as un dossier "image" qui contient un dossier "graphisme" où se trouve le fichier "test1.gif", donc en gros :

+ fichier.swf
+ fichier.fla (ça c'est un fichier 'source' donc il peut très bien se trouver ailleurs, ce qui compte surtout c'est que le fichier.swf se trouve là, mais j'en reparlerai dans un futur chapitre du cours)
+ image
--- + graphisme
--------- + test1.gif
--------- + test2.gif
--------- + ...

Par contre le code XMl que tu m'a transmis n'est pas complet. à la fin du fichier il manque la balise fermante </portfolio>


Astuce :

Pour tester un fichier XML, ouvre ton navigateur internet (Firefox par exmple), et glisse le fichier dans la fenêtre principal.

Si le navigateur n'arrive pas à afficher l'arborescence du fichier XML, il t'affichera l'endroit qui lui pose problème dans le fichier.

[bronzo]

Merci de ta patience ! sisi!!
J'ai ponctué mon xml d'un </portfolio>, mais rien n'y change !
Concernant l'organisation des dossiers, je l'avais bien faite comme tu l'as décrit.
Ce "non évènement" lors du test du swf m'intrigue, d'autant que j'ai refais depuis le fla, histoire de tout reprendre à zero.
Je vais me repencher studieusement là dessus ce WE

++

[bronzo]

A tout hasard, tu n'aurais pas un fla qui fonctionne à me transmettre pour comparer et comprendre le hic??

++

[explainMe]

Et non. Je ne fourni volontairement aucune source toute faite !

Bien que ce soit parfois fatiguant, mais c'est aussi en se trompant que l'on apprend .

En revanche je veux bien regarder TON fla si tu le souhaite...

[explainMe]

Bon j'ai récupéré les fichiers que tu m'a passé pour y jeter un coup d'oeil.

Première chose : n'utilise pas Word pour faire des fichiers autre que .doc (voir générer un PDF).

Pourquoi ?

Parce que Word, comme bien d'autres programmes, génère des fichiers en ajoutant "une touche personnelle", ainsi voici ce que j'obtiens lorsque j'ouvre ton fichier XML :

Code: Tout sélectionner

<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<?mso-application progid="Word.Document"?>
<w:wordDocument xmlns:w="http://schemas.microsoft.com/office/word/2003/wordml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w10="urn:schemas-microsoft-com:office:word" xmlns:sl="http://schemas.microsoft.com/schemaLibrary/2003/core" xmlns:aml="http://schemas.microsoft.com/aml/2001/core" xmlns:wx="http://schemas.microsoft.com/office/word/2003/auxHint" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:dt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882" w:macrosPresent="no" w:embeddedObjPresent="no" w:ocxPresent="no" xml:space="preserve">
  <o:DocumentProperties></o:DocumentProperties>
  <w:fonts>
    <w:defaultFonts w:ascii="Times New Roman" w:fareast="Times New Roman" w:h-ansi="Times New Roman" w:cs="Times New Roman"/>
  </w:fonts>
  <w:docPr>w:defaultTabStop w:val="720"/></w:docPr>
  <w:body>
    <wx:sect>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t>&lt; ?xml version="1.0" encoding="utf-8"?&gt;</w:t>
        </w:r>
      </w:p>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t>&lt;portfolio&gt;</w:t>
        </w:r>
      </w:p>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t></w:t>
          <w:tab/>
          <w:t>&lt;!-- GRAPHISME --&gt;</w:t>
        </w:r>
      </w:p>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t></w:t>
          <w:tab/>
          <w:t>&lt;graphisme&gt;</w:t>
        </w:r>
      </w:p>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t></w:t>
          <w:tab/>
          <w:t></w:t>
          <w:tab/>
          <w:t>&lt;projet nom="Graphic 1" typeProjet="Wallpaper" image="image/graphisme/</w:t>
        </w:r>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Lucida Grande" w:h-ansi="Lucida Grande" w:cs="Lucida Grande"/>
            <wx:font wx:val="Lucida Grande"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t>test1.gif</w:t>
        </w:r>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t>"&gt;</w:t>
        </w:r>
      </w:p>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t></w:t>
          <w:tab/>
          <w:t></w:t>
          <w:tab/>
          <w:t>Description du premier projet de la catégorie graphisme.</w:t>
        </w:r>
      </w:p>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t></w:t>
          <w:tab/>
          <w:t></w:t>
          <w:tab/>
          <w:t>&lt;/projet&gt;</w:t>
        </w:r>
      </w:p>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t></w:t>
          <w:tab/>
          <w:t></w:t>
          <w:tab/>
          <w:t>&lt;projet nom="Graphic 2" typeProjet="Wallpaper" image="image/graphisme/</w:t>
        </w:r>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Lucida Grande" w:h-ansi="Lucida Grande" w:cs="Lucida Grande"/>
            <wx:font wx:val="Lucida Grande"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t>test2.gif</w:t>
        </w:r>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t>"&gt;</w:t>
        </w:r>
      </w:p>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t></w:t>
          <w:tab/>
          <w:t></w:t>
          <w:tab/>
          <w:t>Description du second projet.</w:t>
        </w:r>
      </w:p>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t></w:t>
          <w:tab/>
          <w:t></w:t>
          <w:tab/>
          <w:t>On peut également revenir à la ligne.</w:t>
        </w:r>
      </w:p>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t></w:t>
          <w:tab/>
          <w:t></w:t>
          <w:tab/>
          <w:t>&lt;/projet&gt;</w:t>
        </w:r>
      </w:p>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t></w:t>
          <w:tab/>
          <w:t></w:t>
          <w:tab/>
          <w:t>&lt;projet nom="Graphic 3" typeProjet="Wallpaper" image="image/graphisme/</w:t>
        </w:r>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Lucida Grande" w:h-ansi="Lucida Grande" w:cs="Lucida Grande"/>
            <wx:font wx:val="Lucida Grande"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t>test3.gif</w:t>
        </w:r>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t>"&gt;</w:t>
        </w:r>
      </w:p>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t></w:t>
          <w:tab/>
          <w:t></w:t>
          <w:tab/>
          <w:t>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at lorem. Ut tempor volutpat lectus. Vivamus eleifend</w:t>
          <w:tab/>
          <w:t></w:t>
          <w:tab/>
          <w:t></w:t>
          <w:tab/>
          <w:t>lacinia lectus. Nulla facilisis mollis tortor. Quisque tristique tincidunt quam.</w:t>
        </w:r>
      </w:p>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t></w:t>
          <w:tab/>
          <w:t></w:t>
          <w:tab/>
          <w:t>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</w:t>
        </w:r>
      </w:p>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t></w:t>
          <w:tab/>
          <w:t></w:t>
          <w:tab/>
          <w:t>&lt;/projet&gt;</w:t>
        </w:r>
      </w:p>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t></w:t>
          <w:tab/>
          <w:t>&lt;/graphisme&gt;</w:t>
        </w:r>
      </w:p>
      <w:p>
        <w:pPr></w:pPr>
        <w:r>
          <w:rPr>
            <w:rFonts w:ascii="Helvetica" w:h-ansi="Helvetica" w:cs="Helvetica"/>
            <wx:font wx:val="Helvetica"/>
            <w:sz w:val="24"/>
            <w:sz-cs w:val="24"/>
          </w:rPr>
          <w:t>&lt;/portfolio&gt;</w:t>
        </w:r>
      </w:p>
      <w:sectPr>
        <w:pgSz w:w="11900" w:h="16840"/>
        <w:pgMar w:top="1440" w:right="1440" w:bottom="1440" w:left="1440"/>
      </w:sectPr>
    </wx:sect>
  </w:body>
</w:wordDocument>


Bref, c'est l'horreur et on est très loin du fichier simple que tu as voulu faire je pense.

Le résultat c'est que Flash lie ton fichier, mais il ne correspond pas au niveau de l'arborescence (merci Word).

Donc pour faire tes fichiers XML, utilis plutôt :
- le bloc note de windows (basique mais ça marche, à condition d'enregistrer le fichier final en .xml en choisissant "tus les fichiers" dans la liste déroulante nommée 'type").
- Notepad++(c'est une "version améliorée" du bloc note qui permet d'avoir la syntaxe en couleur, pour peu que tu lui précise dans quel langage tu écrit, et bien évidement il est gratuit).

Au final avec un bon logiciel qui ne laisse pas de trace, tu devrait obtenir ça :

Code: Tout sélectionner

<?xml version="1.0" encoding="UTF-8" ?>
<portfolio>
  <!-- GRAPHISME -->
  <graphisme>
    <projet nom="Graphic 1" typeProjet="Wallpaper" image="image/graphisme/test1.gif"> Description du premier projet de la catégorie graphisme. </projet>
    <projet nom="Graphic 2" typeProjet="Wallpaper" image="image/graphisme/test2.gif"> Description du second projet.
      On peut également revenir à la ligne. </projet>
    <projet nom="Graphic 3" typeProjet="Wallpaper" image="image/graphisme/test3.gif">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at lorem. Ut tempor volutpat lectus. Vivamus eleifend
    lacinia lectus. Nulla facilisis mollis tortor. Quisque tristique tincidunt quam. </graphisme>
</portfolio>

Et ensuite flash lie très bien le fichier et t'affiche bien les boutons et les images.

En revanche en l'état il ne t'affichera pas les textes car tu n'a pas fait les champs de textes dynamiques dans ton fichier...

[bronzo]

Merci.
J'ai mis du temps à répondre, mais j'ai enfin percé le mystère !
Tout d'abord, comme tu le signalais, j'avais un problème d'éditeur pour le xml.
Il faut préciser que je bosse sur mac et que j'utilisais text edit. En effet, ca foutait bien le bronx! Mais le plus bizarre, c'est qu'une fois le code tout propre, ca ne marchait toujours pas. Ca affichait juste un bouton et c'est tout. J'ai dés lors testé sur PC, et la miracle, tout est OK !!
Je vais des à présent chiader le graphisme du FLA et passer à la partie 6.
Merci encore et peut etre à bientôt sur le forum

[bronzo]

Juste une dernière chose.
Tu soulignais une erreur de champs de texte dynamique.
Tu fais référence au clipProjet qui contient le nom, le type et la description des projets ?
Quand je les ouvre, ils sont pourtant bien indiqués comme texte dynamique et nommés avec leurs noms d'occurence?
Je ne vois pas ou indiquer autrement la fonction dynamique ?

++

[explainMe]

Autant pour moi, je viens de rouvrir ton fichier et je confirme que tout est là.

meaculpa

Regarde du côté de l'intégration des caractères en ce cas, bien que tu ai choisie une police système ça peux venir de là (je en sais plus qui mais j'ai déjà eu quelqu'un qui avait le souci sur le forum).

Donc intègres les caractères dont tu as besoin pour chaque champs de texte dynamique (j'ai testé et ça marche chez moi).

[bronzo]

Nickel !!
Tout fonctionne, sur Mac et PC!
Encore merci!!
++