E-anim

Bonjour

je cherche à comprendre une fois une animation réalisée avec e-anim ou swish comment l'intégrer sur ma page web.
Lorsque je veux l'inserer, j'ai un objet blanc
Comment m'y prendre?
Merci
Configuration: Windows XP
Firefox 2.0.0.2

21 réponses

Résumé de la discussion

Intégrer une animation réalisée avec e-anim ou Swish sur une page web pose le problème d’un affichage initial par défaut en objet blanc d’où l’attente d’une méthode fiable. Dans E-Anim, on peut utiliser une balise [e-anim:animation] et, après chargement, cliquer sur HTML pour que l’outil remplace automatiquement la balise par l’animation dans la page web. Il faut aussi générer le fichier SWF et le placer sur le serveur, car certains saisissent que l’animation est liée au fichier SWF généré par le logiciel. Des approches similaires soulignent la nécessité d’avoir le fichier SWF accessible et d’en vérifier l’extension, notamment pour éviter que le navigateur n’affiche qu’un espace blanc dans certaines configurations.

Bobot (l’IA à votre service)
  1. Je suis surpris que la méthode utilisant les crochets ne fonctionnent pas.

    Peut-on se contacter par Skype ?

    Phildes
    0
    1. Bonjour
      Je suis tombé sur ce post car moi aussi j'ai eu le meme probleme pour incruster mon animation dans une page html existante, en faisant la manip suivante : ajout de la ligne entre crochet dans un calque de ma page web sous DW3 (pas CS3) puis sauvegarde, dans e-anim clic sur html, puis dans la fenetre enregister le fichier HTML selection du fichier html contenant la ligne [e-anim:bandeau], repond oui au message voulez vous ecraser fichier existant et ensuite toujours le meme resultat (comme le votre), une page contenant que l'animation et pas le contenu de ma page existante.

      j'ai trouvé cette soluce. je dois copier le fichier HTML avec la ligne [e-anim:bandeau] dans le repertoire e-anim/user/. ensuite j'applique la procedure e-anim en selectionnant comme fichier html celui copié dans le repertoire e-anim/user/ et là j'obtiens comme resultat une page avec l'animation à l'endroit souhaité sans les images contenues dans la page. donc pour voir le resultat complet , je recopie le fichier HTML du repertoire e-anim/user/ vers son repertoire d'origine et là tout est là.

      j'espère avoir été assez clair,

      Y a t il un moyen pour eviter ces copier/coller?

      Yades
      0
      1. Bonsoir,

        Je ne comprenais pas. Je pensais que l'anim ne fonctionnait mêm quand tu était en local.
        Bon, alors ça fonctionne maintenant avec le fichier SWF :-)

        Parfait

        Bonne continuation.

        Phildes
        0
        1. Ok je crois que j'ai compris ce qui va pas. Il faut que je copie le fichier .SWF sur mon site. Quan je crée le fichier .HTML il me dit que le fichier .SWF a été créé mais je le trouve pas...
          0
          1. Quand je fais la manip' (Je me suis rendu sur ma page où je veux ajouter l'animation et j'ai écrit : [e-anim:scotland], ensuite sur le logiciel e-anil j'ai cliqué sur HTML puis selectionné ma page de mon site qui s'appelle page2.php et ça ne fait rien du tout.... ) ça marche pas.

            Mais pourtant quand je suis sur le logiciel e-anim et je fais Projet/Tester le fichier HTML et bah ça marche !

            Bon je vais essayer autrement. Merci quand même.
            0
            1. Désolé je ne comprend pas :
              - ...et ça ne fait rien du tout....
              - ...L'animation marche
              Que fais-tu de différent pour aboutir à 2 résultat différents ?

              Phildes
              0
              1. Et donc qu'est-ce que je dois faire ?

                Parce que quand je suis sur le logiciel e-anim et je fais Projet/tester le fichier HTML et bah ça marche ! L'animation marche ! Mais je voudrais avoir ça sur mon site...
                0
                1. Bonjour,

                  Normalement tu fais bien la manip', ça devrait fonctionner.

                  Ha i, il y a parfois un problème, c'est très logique :
                  1 - avec ton éditeur HTML, tu inscris [e-anim:monAnim]
                  2 - avec E-Anim tu intègres l'animation
                  Note : ton éditeur HTML n'a pas été mis-à-jour
                  3 - ton éditeur HTML sauvergade la page avec le texte [e-anim:monAnim]
                  => il écrase la page modifiée par E-Anim

                  Phgildes
                  0
                  1. Bonjour,

                    Je ne sais pas si vous regardez encore ce post mais j'ai une question à propos de e-anim.

                    J'ai créé une petiteanimation que j'ai enregistré sous le nom de sotland.phi. Et maintenant, j'aimerais ajouter cette animation sur mon site ; j'ai lu les aides et les tutoriaux mais pourtant je n'y arrive pas.

                    Ce que je faisais :
                    Je me suis rendu sur ma page où je veux ajouter l'animation et j'ai écrit : [e-anim:scotland], ensuite sur le logiciel e-anil j'ai cliqué sur HTML puis selectionné ma page de mon site qui s'appelle page2.php et ça ne fait rien du tout....

                    Merci d votre aide !
                    0
                    1. Salut!
                      Y'à à pas 1 qui sait si E-anim est compatible avec Vista?!?????!!!?
                      0
                      1. Bonsoir,

                        Sisi, E-Anim est bien compatible avec Vista.

                        Phildes
                        0
                      2. @PhildesOk merçi! je le télécharge de suite: A L'ATTAQUE!!
                        0
                      3. @Skami18Je reste à la disposition des utilisateurs pour toute question concernat E-Anim

                        @+

                        Phildes
                        0
                    2. Surprenant !

                      Pourrais-tu m'envoyer ta page HTML - dans l'état "sans animation" mais avec la balise [e-anim:essai]

                      Phildes
                      0
                      1. Bon voici ma page, ça me trouble un peu, mais bon j'y arrive toutefois en gérant avec le code html.

                        <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html40/strict.dtd">
                        <html>
                        <head>
                        <meta http-equiv="Content-Type"
                        content="text/html; charset=UTF-8">
                        <meta name="author" content="vincent">
                        <meta name="description" content="Magazine gratuit ">
                        <meta name="keywords" content="">
                        <title>Accueil</title>
                        <link rel="stylesheet" type="text/css" media="screen"
                        href="main.css">
                        <link rel="stylesheet" type="text/css" media="screen"
                        href="colorschemes/colorscheme4/colorscheme.css">
                        <link rel="stylesheet" type="text/css" media="screen"
                        href="style.css">
                        <script type="text/javascript" src="live_tinc.js"></script>
                        </head>
                        <body id="main_div"
                        style="background-color: rgb(255, 255, 255);" alink="#ee0000"
                        link="#0000ee" vlink="#551a8b">
                        <div id="container">
                        <div style="width: 788px;" id="header">
                        <div
                        style="text-align: center; left: 6px; right: auto; width: 755px; top: 21px; bottom: auto; height: 223px;"
                        id="key_visual"><br>
                        <div style="margin-left: 40px; margin-top: 0px; height: 97px;"> [e-anim:essai] 
                           <br>
                        </div>
                        <br>
                        <br>
                        <br>
                        <span style="font-style: italic;"><span
                        style="color: rgb(255, 204, 102);"></span></span><span
                        style="color: rgb(255, 204, 102);"><span
                        style="font-style: italic;"><span
                        style="font-weight: bold;"><span
                        style="font-family: Arial Black;">  </span></span></span></span><br>
                        <span style="color: rgb(255, 255, 51);"><span
                        style="font-family: Arial Black;"></span></span></div>
                        <br>
                        <div id="logo"> </div>
                        </div>
                        <div style="width: 744px;" id="main_nav_container">
                        <ul id="main_nav_list">
                        <li style="color: rgb(153, 0, 0);"><font size="-1"><a
                        class="main_nav_active_item" href="1.html"><span
                        class="main_nav_active_item_text"></span></a></font></li>
                        <li style="color: rgb(204, 0, 0);"><font size="-1"><a
                        class="main_nav_item" href="10.html"><span
                        class="main_nav_item_text"><span
                        style="color: rgb(255, 204, 102);">RECHERCHE RAPIDE</span></span></a></font></li>
                        <li><font size="-1"><a class="main_nav_item"
                        href="2.html"><span class="main_nav_item_text"><span
                        style="color: rgb(255, 204, 102);">PRESENTATION</span></span></a></font></li>
                        <li><font size="-1"><a class="main_nav_item"
                        href="3.html"><span class="main_nav_item_text"><span
                        style="color: rgb(255, 204, 102);">NOS PAGES </span></span></a></font></li>
                        <li><font size="-1"><a class="main_nav_item"
                        href="4.html"><span class="main_nav_item_text"><span
                        style="color: rgb(255, 204, 102);">NOS PAGES</span></span></a></font></li>
                        <li style="color: rgb(255, 204, 102);"><font size="-1"><span
                        class="main_nav_item"><span class="main_nav_item_text"><span
                        style="color: rgb(255, 204, 102);">CONTACT MAIL </span></span></span></font></li>
                        <li style="margin-left: 237px; width: 106px;"><a
                        class="main_nav_item" href="7.html"><span
                        class="main_nav_item_text"><span
                        style="color: rgb(255, 204, 102);">ZONES DE </span></span></a></li>
                        <li style="width: 138px;"><a class="main_nav_item"
                        href="8.html"><span class="main_nav_item_text">la
                        mer en direct</span></a></li>
                        </ul>
                        </div>
                        <div id="main_container">
                        <div id="left_column_container">
                        <div class="sub_nav_container">
                        <ul class="sub_nav_list">
                        </ul>
                        </div>
                        <div id="sub_container1"></div>
                        </div>
                        <div
                        style="text-align: center; margin-left: 0px; width: 715px; margin-top: 0px; height: 247px;"
                        id="sub_container2">
                        <img id="tincInclude4026" src="tinc?key=VvnenF5f&no=1">  
                           
                                  
                                
                                   
                             
                                   <br>
                        <br>
                        <br>
                        <span style="color: rgb(255, 255, 255);"><span
                        style="color: rgb(255, 255, 255);"><span
                        style="font-family: Arial Black;"></span></span></span><span
                        style="color: rgb(255, 255, 255);"><font size="-1"><span
                        style="font-family: Arial;"> </span></font></span>
                        <br>
                        </div>
                        </div>
                        <div style="width: 769px;" id="footer">
                                [<br>
                        <br>
                        </div>
                        </div>
                        <div id="extra_div1"><span></span></div>
                        </body>
                        </html>
                        0
                      2. @vincentDéjà, ici, ça fonctionne. La page HTML a bien été modifée et je retrouve bien l'ensemble des éléments.

                        Peux-tu m'envoyer la page HTML construite avec l'animation (celle qui est construite par e-anim. elle est vide hormis l'animation)

                        Phildes
                        0
                      3. @phildesPardon, un peu de retard
                        voici la page construite avec e-anim vide après la procédure mais avec l'animation

                        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
                        <html>
                        <head>
                        <meta http-equiv="Content-Type"
                        content="text/html; charset=iso-8859-1">
                        <meta name="GENERATOR" content="e-anim Phildes">
                        <title>anima</title>
                        </head>
                        <body alink="#ffff99" bgcolor="#ffffff" link="#ffcc33"
                        text="#ffffcc" vlink="#ff9900">
                         
                        <center><br>
                        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
                        codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"
                        height="150" width="450"> <param name="eanim"
                        value="!e-anim:essai"> <param name="movie"
                        value="essai.swf"> <param name="quality"
                        value="high">
                        <embed src="essai.swf" quality="high"
                        pluginspage="https://get.adobe.com/flashplayer/"
                        type="application/x-shockwave-flash" height="150"
                        width="450"> </object></center>
                        <br>
                         
                        </body>
                        </html>
                        0
                      4. @vincentIci, la page HTML fonctionne

                        Peux-tu m'envoyer le fichier swf ?
                        Sur le site "www.e-anim.com" tu trouvera un lien pour m'écrire des e-mail. Peux tu m'envoyer le fichier swf en fichier joint ?

                        Phildes
                        0
                      5. @vincentOK, ici ce script HTML fonctionne.

                        Sur le site "www.e-anim.com" tu trouveras un lien pour m'crire des e-mail.
                        Peux-tu m'envoyer ton fichier swf en fichier-joint

                        Phildes
                        0
                    3. Bonsoir
                      Je me doute que ce n'est pas normal et je pense qu'il me revient de corriger le tir.
                      Je clique en effet sur une page existante que j'ai créé pour y insérer du flash.
                      Je reprends ma procédure.
                      J'ouvre e-anim et j'ouvre une anim en phi.(nommée essai)
                      j'ouvre une page html que j'ai creé avec dans un cadre l'inscription [e-anim:essai]
                      Je clique enregistrer sans changer le nom de la page.
                      Je lis ma page html, et le résultat est une page uniquement avec l'animation sans le reste .
                      Je le dis c'est forcément un mauvais compromis que j'effectue, mais je m'en sort toutefois par le copier coller du code.
                      0
                      1. Bonjours

                        Je suis heureux de voir des personnes résoudre leur problème d'insertion de flash dans leur page HTML avec e-anim.
                        Moi je suis les instructions comme elles sont présentés et ca ne marche pas .Peut être suis je un peu idiot?
                        Pour résumer, j'ai inscrit [e-anim:essai] sur ma page 7. html a l'aide de NVU.(essai étant mon anim essai.phi).
                        Je charge ensuite mon anim avec e-anim. je sélectionne avec le 4 eme bouton créer/modifier ma page html, là j'ai une petite fenêtre macromedia flash qui s'ouvre me demandant de creer ma page html.Je clique pour choisir ma page HTML, stupeur! je n'ai que des fichiers en phi uniquement.(aucunes autres sélections possible)
                        Apres plusieurs heures a essayer? je n'y arrive pas.
                        Pouvez vous m'aider je vous en remercie a l'avance.
                        0
                        1. Si j'ai bien compris, quand tu cliques que le 4ème bouton (HTML), le sélecteur te propose des fichiers avec l'extension "phi".

                          C'est la 1ère fois que je rencontre ce problème. Normalement tu devrais avoir la liste des fichiers HTML - donc tu devrais retrouver ta page HTML créée avec NVU !

                          Quelle version de E-Anim as-tu ? (voir le menu "Aide/au sujet de e-anim -> il me faudrait la version complète avec tous les chiffres et la lettre - si il y en a une)

                          Phildes
                          0
                        2. @phildesOups, ça y est, j'ai compris.

                          E-Anim te demande de sauvegarder ton animation en "phi" AVANT de créer la page HTML.
                          Ceci est techniquement-obligatoire (ce nom est utilisé dans pour la création du fichier SWF).

                          Comment résoudre ton problème ?
                          Dans la liste des fichiers "phi", il suffit d'indiquer un nom pour ton animation
                          Ensuite le cadre des fichiers HTML s'ouvrira automatiquement.

                          ---------------------------------------------------------------------
                          Sinon :
                          Si tu ne veux pas avoir ce problème, clique avant sur le bouton "sauver" (3ème bouton) => tu sauvegardes l'animation => le nom aura l'extension ".phi"

                          Ensuite tu peux cliquer sur le bouton HTML

                          Phildes
                          0
                        3. @phildesBon, il faut que je réponde a Phides car des philanthropes, on en trouve pas a tous les coins de rue.!
                          En effet j'ai toujours du mal a résoudre mon problème d'insertion de flash en page html.
                          En suivant la procédure donné, je me retrouve toujours avec une page blanche avec l'animation. Le reste a disparu.
                          Bref, Donc, je fais autrement en copient le code et je l'insère en code html avec NVU et là ça marche.
                          Encore merci a Phides pour ses réponses rapides.
                          Ma version est 801011a
                          0
                        4. @vincentBonjour

                          Ce n'est pas normal. Ta page devrait conserver les éléments.

                          Donc recherchons les causes de cette disparition.
                          1 - est-ce que tu cliques sur une page HTML qui existe déjà ? oui/non
                          2 - est-ce que tu modifies le nom de cette page HTML ? oui/non

                          Phildes
                          0
                      2. Ca ne m'embête absolument pas :o)))

                        Phildes
                        0
                        1. salut
                          merci infiniment Mr phildes , pour tes reponse et surtout pour le site https://www.smileyforum.net
                          dorenavant , je chercherais ds ce site avant de vous embettez :)

                          encore merci et bonne journée chez vous :)
                          0
                          1. Bonsoir,

                            Pour la programmation c'est un peu plus complexe.

                            Voyons d'abord comment écrire un texte dans E-Anim ?

                            1 - créer un texte variable
                            https://www.smileyforum.net#2607

                            2 - dans le programme il faut écrire :
                            _root.nom_text = "Hello word";
                            ( note : il faut renplacer 'nom' par le nom réel du textde )

                            Phildes
                            1
                            1. Bonsoir / Bonjour Mr phildes ,
                              ça marche inpecable l'astuce de creer des groupes....
                              Et si vs permettez une autre ptite question ... enfin de quoi combler mon ignorance ...
                              g aimerais avoir un petit exemple de preogrammation d'actions ...... action simples...
                              tel que sic l'user cli au temps t1 >>> apparition du text nommé txtbravo
                              sinon apparition du text nommé txtErreur

                              enfin ce que pouvez m'expliquer pour me mettre ds les rails :)

                              merci infiniment
                              --------------------------------------
                              j ai telecharger la version 7 >>>> exporte des .swf
                              comment je fais pour exporte une animation gava comme la version 5.03.002 ?
                              encore mille merci
                              et bonne journée :)
                              0
                              1. Merci beaucoup Mr Phildes
                                je vais m'y mettre. ( bien que j ai que la version 5.02.003 >>> pas de flash mais c déjà un bijou ;) )

                                encore merci et bonne journée
                                0
                                1. Pour avoir 2 animations en parallèle dans un Flash, il faut mettre les 2 animations dans des groupes. Ensuite, tu mets les boutons que tu souhaites dans chaque groupe.

                                  Coment faire ?

                                  1 - créer le 1er groupe - 13ème bouton (en partant de la gauche)
                                  => un 2ème index apparait

                                  2 - tu peux créer ta 1ère animation
                                  ... place les objets que tu veux et crée les mouvements souhaités... les 'stops' et les boutons "suites" nécesaires...

                                  3 - revient à lécranDeBase (clic sur l'index "ecranDeBase"
                                  => il ne reste qu'un seul index

                                  4 - créer le 2ème groupe - 13ème bouton (en partant de la gauche)
                                  => le 2ème index apparait

                                  5 - tu peux créer ta 2ème animation
                                  ... place les objets que tu veux et crée les mouvements souhaités... les 'stops' et les boutons "suites" nécesaires...

                                  6 - revient à lécranDeBase (clic sur l'index "ecranDeBase"

                                  ------------------------------------------

                                  Mais, mais, mais... Comment modifier l'une des animations ?
                                  7 double-clic sur le groupe que tu veux modifier
                                  => le 2ème index apparait
                                  => tu peux faire ls modifs que tu veux.

                                  En espérant avoir répondu correctement :-)

                                  Cordialement

                                  Phildes
                                  0
                                  1. Bonjour,
                                    et merci pour cet astuce
                                    c genial

                                    si vous permettez j ai une autre question

                                    je sais faire une petite animation avec un bouton stop et eun autre pour plau et un pour goto
                                    Mais
                                    comment je fait pour controller par des boutons diferents deux animations independantes (ou plus) ds le meme projet ?
                                    merci et bonne journée
                                    0
                                    • 1
                                    • 2