Artkabis

Salut !!!
Si vous êtes membre du forum, vous pouvez vous connecter.
Au cas contraire vous avez la possibilité de créer gratuitement un compte...

Forum d'entraide en graphisme et webdesign. Formation pour Flash, Photoshop et les langages: as2, as3, html, php, javascript, etc.


    Chargement de texte avec formatage par css et sa scrollBar

    Partagez

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Chargement de texte avec formatage par css et sa scrollBar

    Message par artkabis le Mer 25 Fév - 12:18

    Bonjour à tous, bon ben après avoir passé pas mal de temps sur ce tutoriel, le voici enfin terminé.

    Ce tutoriel est l'un de mes plus complet et je pense qu'il vous plaira. Pour vous donner un petit aperçut de ce que vous aurez à la fin de ce tuto, voici quelques infos sur l'application final:

    •Chargement de fichier texte
    •Chargement d'une feuille de style css
    •Mise en place et formatage du texte via la feuille de style
    •Gestion des erreurs de chargement lié au texte avec message interne à l'application
    •Gestion des erreurs de chargement lié à la feuille css avec message interne

    Voici à quoi ressemblera votre application à la fin de ce tutoriel:


    Voili voilou, en tout cas j'ai passé pas mal de temps à dénicher des infos sur ce fameux formatage avec css, il faut savoir qu'en France, je n'ai pas trouvé un seul site qui indiquait la marche à suivre, donc je pense que ce tuto et plutôt le bienvenue...

    Les fichiers sources:

    source_as_css.zip

    Le code utiliserdans notre classe externe:
    Code:

    package com.artkabis
    {
       //_____○○○--Imports--○○○_____\\
       import flash.text.TextField;
       import flash.text.TextFormat;
       import flash.text.TextFormatAlign;
       import flash.text.StyleSheet;
       import fl.controls.UIScrollBar;
       import flash.display.Sprite;
       import flash.events.Event;
       import flash.events.IOErrorEvent;
       import flash.net.URLLoader;
       import flash.net.URLRequest;
       
       public class Tutocss extends Sprite
       {
          //--------------------------○○ Declaration des différentes variables
          private var formatErr:TextFormat = new TextFormat();
          private var loader:URLLoader = new URLLoader();
          private var LoaderText:URLLoader = new URLLoader();
          private var sheet:StyleSheet = new StyleSheet();
          private var txtErr:TextField = new TextField ();
          
          //_________________________________○○○ Constructeur\\
          public function Tutocss ()
          {
             var lienTxt:URLRequest = new URLRequest ("news_as3.txt");
             var lienCss:URLRequest = new URLRequest ("Style.css");
             
             //------------------------------------------○○ Paramètrage du texte
             formatErr.align = TextFormatAlign.CENTER;
             formatErr.color = 0xFF0000;
             formatErr.size = 14;
             formatErr.font = "Eras Bold ITC";
             txtErr.width = 350;
             txtErr.x = (stage.stageWidth - txtErr.width)/2;
             txtErr.y = stage.stageHeight /2;
             txtErr.multiline = false;
             txtErr.defaultTextFormat = formatErr;
             
             //-----------------------○○ initialisation des écouteurs et des loaders
             loader.load ( lienCss );
             LoaderText.load ( lienTxt );
             LoaderText.addEventListener(IOErrorEvent.IO_ERROR, erreurT);
             loader.addEventListener(IOErrorEvent.IO_ERROR, erreurC);
             LoaderText.addEventListener(Event.COMPLETE,chargeCompletCss);
          }
          public function erreurT (e:IOErrorEvent):void
          {
             addChild ( txtErr );
             txtErr.text = "Chargement du texte impossible...";
          }
          public function erreurC (e:IOErrorEvent):void
          {
             addChild ( txtErr );
             txtErr.text = "Chargement du style css impossible...";
          }
          public function chargeCompletCss (event:Event):void
          {
             sheet.parseCSS(loader.data);
             var contenu:String = event.target.data;
             news.styleSheet = sheet;
             news.htmlText = contenu;
          }
       }
    }

    Le tutoriel:


    Dernière édition par artkabis le Ven 27 Fév - 19:35, édité 1 fois

    Lilwarre A.K.A. Prod
    Ceinture verte
    Ceinture verte

    Messages : : 631
    Age : : 26
    Logiciels : Logiciels : : Adobe Master Collection CS4!
    Date d'inscription : 31/12/2008

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Chargement de texte avec formatage par css et sa scrollBar

    Message par Lilwarre A.K.A. Prod le Jeu 26 Fév - 8:21

    Merci beaucoup car c'était un tutoriel que je cherchais .
    Toujours du gros boulot tu fais.
    Une bonne journée je te souhaite. pfff

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Chargement de texte avec formatage par css et sa scrollBar

    Message par artkabis le Ven 27 Fév - 19:36

    Le tuto est arrivé !!!!


    _________________
    J'me fais de la pub et na tongue

    Lilwarre A.K.A. Prod
    Ceinture verte
    Ceinture verte

    Messages : : 631
    Age : : 26
    Logiciels : Logiciels : : Adobe Master Collection CS4!
    Date d'inscription : 31/12/2008

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Chargement de texte avec formatage par css et sa scrollBar

    Message par Lilwarre A.K.A. Prod le Ven 27 Fév - 21:19

    Et bein toi on peut pas dire que tu vas doucement Smile.
    Tu enchaine les tutoriels.
    Bravoo ! cheers

    artkabis
    Fondateur
    Fondateur

    Messages : : 4545
    Age : : 32
    Logiciels : Logiciels : : Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription : 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Chargement de texte avec formatage par css et sa scrollBar

    Message par artkabis le Sam 28 Fév - 0:21

    En plus, celui-là est plutôt sympa !!!


    _________________
    J'me fais de la pub et na tongue

    Lilwarre A.K.A. Prod
    Ceinture verte
    Ceinture verte

    Messages : : 631
    Age : : 26
    Logiciels : Logiciels : : Adobe Master Collection CS4!
    Date d'inscription : 31/12/2008

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Chargement de texte avec formatage par css et sa scrollBar

    Message par Lilwarre A.K.A. Prod le Sam 28 Fév - 11:05

    Oui je te l'accorde pfff .

    LaMartine61
    Nouveau membre
    Nouveau membre

    Messages : : 10
    Age : : 55
    Logiciels : Logiciels : : Quels logiciels utilisez-vous ?
    Adobe Master CS5
    Date d'inscription : 12/07/2011

    Au sujet du tutoriel

    Message par LaMartine61 le Mar 12 Juil - 20:25

    Bonjour!

    Je suis heureuse d'être parmi vous mais j'ai besoin de votre aide.

    Voilà, ce tutoriel est vraiment très intéressant. Je l'ai suivi à la lettre et tout fonctionne bien lorsque l'on fait Contrôle > Tester l'animation.

    Mais lorsque je fais Fichier > Publier ma barre de défilement ne fonctionne pas... bien je ne vois que le background et pas le scroller. Pourquoi?

    Je me suis aperçue, qu'avec une souris à roulette, le texte défile mais pour ceux qui n'ont pas de souris, qu'il utilise un portable, bien ils ne peuvent pas voir le reste du texte. Pourquoi?

    J'ai même essayé avec les fichiers du tutoriel pour voir si c'était moi qui a fait un erreur et bien non, même avec les fichiers du tutoriel et que je fais Fichier > Publier je n'ai pas accès au scroller de la scrollbar.

    Pouvez-vous m'aider?

    Merci beaucoup pour tout.

    Contenu sponsorisé

    Re: Chargement de texte avec formatage par css et sa scrollBar

    Message par Contenu sponsorisé Aujourd'hui à 12:07


      La date/heure actuelle est Mar 6 Déc - 12:07