Designed by Maunakea !
151 en ligne   Boutique | Sites | Bar | Forum | PhpBB | Actu | Glossaire | Codes | Tips | Liens | Livres | Lettre  


 Recherche

 NewsLetter






   

Gestion de News en Flash

Afficher les news





Prérequis :
  • Une bonne connaissance des manipulations de bases de données via ASP/Access ou PHP/MySql (ou autre...).
  • Une maîtrise relative de FLASH (création d'interpolation de mouvements, création d'animation, insertions d'actions..)


  • Maunakea
    Explication préalable :
    Avant de rentrer dans le détail des images clefs FLASH, voici un petit "timeline" qui explique les actions de manière chronologique de notre future animation FLASH NEWS.

    Présentation
    (Liberté totale,
    peut être supprimée)
    Affichage d'une news en cours.
    (1ère fois : une news d'accueil)
    Appel de la news suivante
    (via le script asp / php)

    Test validité de la news suivante :
    Est-elle arrivée ?

    Si oui : Retour à affichage News en cours
    Si non : Animation d'attente "Please Wait"

    Animation d'attente

    Cette animation est relativement simple.
    Il y a très peu de script. La seule difficulté est de faire des animations fluides avec votre texte pour le rendre plus vivant... et de faire marcher un script ASP/PHP !


    Etape 1 :

    Il faut deux zones de texte dynamiques :
    Une avec la variable URL, une avec la variable TEXTE :
    Placez-les à l'endroit désiré, formatez les polices, tailles de caractères...


    NB : si vous voulez faire des animations avec les zones de texte, pensez à intégrer les polices...

    Première frame : déclaration des variables
    var texte="Bienvenue sur les NEWS ...";
    var url="";
    Première image de l'animation d'affichage des news :

    Texte_loaded est vide, url_loaded est vide.

    On appelle la page _affiche_news.asp qui devra répondre par
    &TEXTE_LOADED="texte de la news suivante"
    &URL_LOADED="http://www.zzzz"

    par exemple...
    Première frame de l'affichage de news :
    déclaration des variables

    + appel des variables via ASP/PHP
    var texte_loaded="";
    var url_loaded="";

    loadVariablesNum ("_affiche_news.asp",
    0, "POST");

    Etape 2 : Fichier dynamique ASP / PHP

    Dans le script ci-dessous, on considère que la table news a au-moins les champs suivants :
    uid entier auto-incrément, datenews date/time, texte memo/longtext et URL text/varchar(100)

    La variable ID fait un aller-retour entre le script et l'anim Flash... elle correspond à l'index de la news à afficher


    affiche_news.asp 
    <!-- #include file="_conn.asp"--><% ' --- connexion ---

    Set news = Server.CreateObject("ADODB.Recordset")
    SQL = "SELECT * FROM news ORDER BY uid DESC"
    news.Open sql, conn, 3, 3

       ID=cint(request("id"))
       for i=1 to news.recordcount
          if ID=i then ' La bonne news ?
             ID=i+1 ' N° de la news suivante
             if ID>news.recordcount then ID=1 ' ou retour à 1
             TEXTE = news("datenews") & VbCrLf _
                & news("texte")
             URL = news("URL")
             exit for
          end if
          news.movenext
       next

       news.close : conn.close

       ' ----------ENVOI DES DONNEES A FLASH ----------
       response.write "&TEXTE_LOADED=" & TEXTE _
          & "&ID=" & ID & "&URL_LOADED=" & URL

    %>


    affiche_news.php 
    <? include("_conn.php")// --- connexion ---

    $SQL = "SELECT * FROM news ORDER BY uid DESC";
    $result = mysql_query($SQL);

       $i=1;
       while ($news = mysql_fetch_array($result)) {
          if($ID==$i) { // La bonne news ?
             $ID++; // N° de la news suivante
             if($ID>mysql_num_rows($result))
                $ID=1; // ou retour à 1
             $TEXTE = $news["datenews"] . "\n";
             $TEXTE .= $news["texte"];
             $URL = $news["URL"];
             break;
          }
          $i++;
       }

       mysql_close();

       // ----------ENVOI DES DONNEES A FLASH ----------
       echo "&TEXTE_LOADED=" . $TEXTE;
       echo "&ID=" . $ID . "&URL_LOADED=" . $URL;

    ?>

    Etape 3 : test de la réponse du fichier ASP/PHP

    Le fichier ASP / PHP a été appellé. Il se peut que le temps d'affichage de votre news soit trop court, ou que votre visiteur ait une connexion déplorablement lente.
    Donc, URL_loaded et Texte_loaded n'ont pas pu être encore remplis...

    url = url_loaded;
    texte = texte_loaded;
    if (texte.length>1) {
    gotoAndPlay (50);
    } else {
    gotoAndPlay (130);
    }
    Transfert des variables chargées (url_loaded ; texte_loaded) dans les zones dynamiques URL et TEXTE
    Test de la présence d'un texte :
    Si oui ; retour à la frame 50 (début affichage des news)
    Si non ; go à 130, qui est l'animation d'attente...

    Etape 4 : les BOUTONS !

    Pour les boutons, il faut aller à l'économie de script :

    Les actions seront réduites à leur minimum :
    Le Bouton PAUSE : c'est un STOP brutal de l'animation !

    on (release) {
    stop ();
    }

    Le bouton PLAY/News suivante : on reprend la lecture juste avant le test de réponse (en 130)
    (J'ai utilisé une animation de fin de news de 116 à 130, elle n'est pas indispensable !)
    (à ce moment, faite un gotoAndPlay (130);)

    on (release) {
    gotoAndPlay (116);
    }


    Etape 5 : l'animation d'attente

    if (TEXTE_LOADED != "") {
    url = url_loaded;
    texte = texte_loaded;
    gotoAndPlay (50);
    }

    Mettez l'animation qui vous plaira... Placez juste régulièrement le script précédent.
    Aunsi, dés que l'animation reçoit la news... on repart en frame 50 (affichage de la news) et ça repart !

    Et voilà ! That's all !!!


    Télécharger le FLA simplifié pour vous aider

    Maunakea le 12/11/2002 (48 106 hits)
    Didier Téléchargez gratuitement et légalement des logiciels Microsoft ! Si, si ;)
    • Visual Studio 2010
    • Office 2010
    • Expression Studio 3
    • SQL Server 2008
    • et d'autres...
    Au fil des news  
    Magazines - Le N°128 de Programmez est disponible
    Magazines - Le N°127 de Programmez est disponible
    Dreamweaver CS4 + Php + Mysql - Trucs et Astuces - Part 6
    Pour continuer dans le même style, je vous propose une suite au précédent article. Rechercher tous ...
    Adobe - Adobe Photoshop.com Mobile pour iPhone 1.1
    JavaScript - Ajouter une page dans vos favorites
    Dreamweaver CS4 + Php + Mysql - Trucs et Astuces - Part 5 -
    Je vous propose cette fois deux astuces. Comment exporter une feuille de style avec l'aide de ...
    SharePoint Personalization Site Links - Les liens personnalisés des MySite SharePoint
    Nous avons vu dans les articles précédents comment agrémenter les pages de recherche afin de ...
    Magazines - Le n°126 de Programmez est disponible
    Outils - Traducteur en ligne automatique pour site web
    Adobe - Adobe Photoshop.com Mobile pour Iphone
    Magazines - Le n°125 de Programmez est disponible
    Adobe - Adobe AIR 2 et Flash Player 10.1version bêta
    Les conférences autour des technologies Microsoft - Liste non exhaustive des grands évènements
    Nous allons essayer de regrouper un grand nombre des évènements autour des technologies Microsoft ...
    Magazines - Le n°124 de Programmez est disponible
    PHP - Forum PHP 2009
    Composants - eFace - XAML en Java
    WPF - Désactiver le bouton de réduction d'une fenêtre
    Magazines - Le n°123 de Programmez est disponible
    Magazines - Le n°122 de Programmez est disponible
    Auditer une ferme SharePoint - Assurer le bon fonctionnement de SharePoint
    Dans le cadre de la bonne gestion de son environnement SharePoint, il est utile de faire un ...
    SQL Server 2008 Report Builder 2.0 - Installation et utilisation de Report Builder 2.0
    Dans le cadre de la création de rapports pour SQL Server Reporting Services 2008, un outil est ...
    Magazines - Le HS N° 1 de Web Design est disponible
    Adobe - Adobe propose en Open Source les frameworks.....
    Outils - EntityBuilder
    CSharp - Sérialisation XML de vos objets
    Magazines - Le n°121 de Programmez est disponible
    Adobe - Adobe annonce MAX 2009 !
    Outils - WhoIs
    [MAJ] Dreamweaver MX + Php + MySql - Les formulaires - partie 3
    Mise à jour du code, par DB 77, affichage du code erreur, dans la page erreur.php, traduction des ...
    PHP - News avec photo - Système de gestion - affichage
    Gestion - Administration - Affichage d'une "News", "Actualité", "Info", ... avec : - mise en forme ...
    Outils - Crypt
    Dreamweaver Php Mysql - Région répétée imbriquée
    Je rebondis, sur un post du forum, pour vous montrer comment obtenir grâce à l'extension Simulated ...
    Magazines - Le n° 120 de Programmez est disponible
    Gérer les bases de contenu SharePoint - Gérer la croissance du volume des données
    Dans le cadre de la gestion quotidienne de ferme SharePoint, il existe une partie qu'il faut ...
    PHP - Le Coach PHP sur Visual Studio
    .NET - Ecrire une application .NET utilisant MySQL
    PHP - Utilisation de PHP dans le monde Microsoft
    Magazines - Le n° 119 de Programmez est disponible
    Adobe - Adobe annonce Photoshop Marketplace
    [MAJ] Tutoriel AJAX simple - En avant vers le WEB2.0
    Mis à jour le 20/04/2009
    Tutorial : HTML | Scripting | ASP-PHP | ASP.net | SQL Server | XML
    Sharepoint | XAML | Pocket | Dreamweaver | VML | Divers
      Scripts : Scripting | ASP-PHP | ASP.net | Divers
      Boutique | Annuaire | Bannières | Météo | Tribune | Partenariats
    v3b © Didier 2003   
     

    Corpo Sciences de Reims Partitions gratuites Carte, météo, annonces
     ASP-magazine MVP Groupes Utilisateurs Microsoft DotNet Project TechNet