begin process at 2012 05 26 15:59:28
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Flash / Flash MX

 > 

Base de données

 > 

XML

 > 

[AS3] soucis avec un htmlText / XML / CSS


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

[AS3] soucis avec un htmlText / XML / CSS

vendredi 20 novembre 2009 à 14:19:37 | [AS3] soucis avec un htmlText / XML / CSS

goldorius

Bonjour à tous,

Mon soucis est simple, je charge un contenu textuel dans flash via un xml externe avec css.

Tout fonctionne à merveille pour ce qui est de la couleur du texte et quelques fonctions de mise en forme :

Code css :
.unexemple {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}


mais il refuse de prendre un compte un background-image par exemple.

Il serait alors possible de passer par le XML plutôt que par le CSS avec une balise <IMG> mais l'image recouvre mon texte ...

Je suis un peu perdu, toute aide sera bienvenue.
vendredi 20 novembre 2009 à 15:23:08 | Re : [AS3] soucis avec un htmlText / XML / CSS

goldorius

Autant pour moi, pas de background-image pour un textfield dans Flash : http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/flash/text/StyleSheet.html
lundi 23 novembre 2009 à 10:32:07 | Re : [AS3] soucis avec un htmlText / XML / CSS

goldorius

Pas de réponse, ma demande doit être vague ou incomplete alors voici un bout de code posté le 15/02/2008 par lelutinvert sur ce même forum, et qui reprend la méthode que j'utilise pour travailler avec un xml et css :

Exemple XML :
Code XML :
<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet href="fiche.css" type="text/css" ?>
<Mon_rapport>
 <Menu_1>
  <Mon_titre>
  À QUI LE TOUR ?
  </Mon_titre>
  <Ma_consigne>
  Maintenant, vous allez savoir comment utiliser du contenu  XML formaté à l'aide de feuilles de styles CSS.<BR/>Attention, l'entête du contenu des styles CSS ne doit pas contenir une entête comme :<BR/><i>@charset "utf-8";.</i>
  </Ma_consigne>
 </Menu_1>
 <Menu_2>
  <Mon_titre>
   ABRACADABRANTESQUE :
  </Mon_titre>
  <Ma_consigne>
   Grâce à sa structure XML, l'import de contenu XML peut être formaté par des styles CSS d'un fichier externe, dont les noms sont ceux des balises XML.
  </Ma_consigne>
 </Menu_2>
</Mon_rapport>


Fichier CSS :
Code css :
Mon_rapport {
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
Mon_titre {
 font-size: 20px;
 color:#336600;
 text-indent: 30pt;
}
Ma_consigne {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#990000;
 display: block;
}


Code ActionScript :
//Propriétés :
  
  //Contient les objets du champ texte
  private var _zoneTexte:TextField;
  private var _stylesTxt:StyleSheet;
  
  //Pour recueillir les données de styles
  private var _reqCSS:URLRequest;
  private var _stylesCSS:StyleSheet;
  private var _chgtFichierCSS:URLLoader;
  
  //Pour recueillir les données au format XML
  private var _reqXML:URLRequest;
  private var _contenuXML:XML;
  private var _chgtFichierXML:URLLoader;
  
  //Contructeur:
  public function AffTextes() {
   
   //Création des variables recevant les chargements
   _stylesTxt = new StyleSheet();
   _contenuXML = new XML();
   
   //Affichage du champ sur la scène (this)
   affChampTxt(this);
   
   //Les adresses des fichiers à télécharger
   _reqCSS = new URLRequest("fiche.css");
   _reqXML = new URLRequest("Texte.xml");
   
   //Lancement de l'affichage XML formaté CSS
   chgtStylesCSS();
   
  }
  
  //Méthodes :
  
  //Affichage du champ de textes
  private function affChampTxt(cible:MovieClip):void {
   _zoneTexte = new TextField();
   cible.addChild(_zoneTexte);
   _zoneTexte.selectable = false;
   _zoneTexte.wordWrap = true;
   //Dans cet exemple, les valeurs sont entrées en dur,
   // mais elles devraient être des paramètres
   _zoneTexte.width =  500;
   _zoneTexte.height = 400;
   _zoneTexte.x = 70;
   _zoneTexte.y = 30;
  }
  
  //Chargement des données CSS
  private function chgtStylesCSS():void {
   _chgtFichierCSS = new URLLoader();
   _chgtFichierCSS.addEventListener(IOErrorEvent.IO_ERROR, retourneErreur);
   _chgtFichierCSS.addEventListener(Event.COMPLETE, appliStyles);
   _chgtFichierCSS.load(_reqCSS);
   
  }
  
  //À la fin du chargement CSS
  private function appliStyles(e:Event):void {
     _stylesTxt.parseCSS(e.currentTarget.data);
     _zoneTexte.styleSheet = _stylesTxt;
     chgtXML();
  }
  
  //Chargement des données XML
  private function chgtXML():void {
   _chgtFichierXML = new URLLoader(_reqXML);
   _chgtFichierXML.addEventListener(IOErrorEvent.IO_ERROR, retourneErreur);
   _chgtFichierXML.addEventListener(Event.COMPLETE, AffChampTexte);
  }
  
  //Retourne toute erreur de chargement
  private function retourneErreur(err:Event):void {
   _zoneTexte.text = "Erreur lors du chargement des données XMl : "+err;
  }
  
  //À la fin du chargement XML, appel du texte à afficher
  //En jouant sur le nom des balises XML, on peut sélectionner des extraits du contenu
  private function AffChampTexte(e:Event):void {
   _contenuXML = XML(e.currentTarget.data);
   //Exemple du contenu total
   //_zoneTexte.htmlText = _contenuXML;
   //Exemple du contenu de la balise Menu_1
   _zoneTexte.htmlText = _contenuXML.Menu_1;
   //Exemple du contenu de la balise Menu_2
   //_zoneTexte.htmlText = _contenuXML.Menu_2;
   
  }
  
 }
 


Ma question est simple, j'aimerai qu'en spécifiant dans le xml (car dans le css c'est pas possible cf. post du dessus) je puisse ajouter un fond (couleur ou image) pour certaines lignes de texte.

Un exemple serait d'ajouter une image via xml seulement celle-ci recouvre le texte une fois affiché dans le textField de flash...

Merci pour votre aide.
lundi 23 novembre 2009 à 11:47:27 | Re : [AS3] soucis avec un htmlText / XML / CSS

Orange73

Membre Club
Si tu charge l'image apres l'affichage de ton texte c'est normal que celle ci recouvre le texte car a chaque fois que tu ajoute un enfant via addChild() cet enfant est ajouté a une profondeur +1.

Donc il faudrait changer cette profondeur avec swapChildren. entre ton texte et ton image.


-- Orange73 --

"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)

lundi 23 novembre 2009 à 15:02:00 | Re : [AS3] soucis avec un htmlText / XML / CSS

goldorius

Merci Orange73, hum si simple que ca ?

Code ActionScript :
cible.addChild(_zoneTexte);
affiche mon textfield avec les données xml (image et texte confondu).

Il ne me reste donc plu qu'à trouver comment cibler mon image dans le texteFIELD ?
lundi 23 novembre 2009 à 15:11:03 | Re : [AS3] soucis avec un htmlText / XML / CSS

Orange73

Membre Club
Code ActionScript :
cible.addChild(_zoneTexte);
cible.addChild(_monImage);

cible.swapChildren(_zoneTexte, monImage);


ou alors tu fais l'inverse :

Code ActionScript :
cible.addChild(_monImage);
cible.addChild(_zoneTexte);



-- Orange73 --

"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)

lundi 23 novembre 2009 à 15:27:56 | Re : [AS3] soucis avec un htmlText / XML / CSS

goldorius

j'entends bien sur le principe, le soucis est que mon image est dans _zoneTexte avec mon texte dans une balise html <IMG> ;) je n'ai vraiment aucunes idée de comment la cibler en réalité...

Dans mon cas, dans mon xml j'ajoute une image dans sa balise IMG et je lui indique un hspace ou vspace qui la fait se superposer à mon texte. est-il possible d'avoir l'inverse, l'image sous le texte plutôt que par dessus ?

J'imagine que je dois me compliquer la vie... j'ai entre temps fait différemment mais si tu as une solution je serais ravis de la connaitre.
lundi 23 novembre 2009 à 15:37:57 | Re : [AS3] soucis avec un htmlText / XML / CSS

Orange73

Membre Club
Peux tu donner un exemple d'un noeud xml intégrant ta balise <img> ?


-- Orange73 --

"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)

lundi 23 novembre 2009 à 16:19:59 | Re : [AS3] soucis avec un htmlText / XML / CSS

goldorius

voici l'exemple demandé :
Code XML :
<?xml version="1.0" encoding="utf-8"?>
<a>
   <b>
      <c><![CDATA[
<span class="encart">"mon titre mon titre mon titre"</span><img src="rouge.jpg" width="510" height="60" hspace="0" vspace="-26" />
       ]]></c>
   </b>
</a>


lundi 23 novembre 2009 à 16:25:08 | Re : [AS3] soucis avec un htmlText / XML / CSS

Orange73

Membre Club
Réponse acceptée !
Moi je te propose et conseille ceci :
Code XML :
<c img="rouge.jpg"><span class="encart">"mon titre mon titre mon titre"</span></c>


Ensuite il te faut juste recuperer l'attribut "img" lors duparsing du xml.


-- Orange73 --

"L'homme n'est pas fait pour travailler, la preuve c'est que cela le fatigue" (Voltaire)


1 2

Cette discussion est classée dans : font, xml, css, soucis, as3


Répondre à ce message

Sujets en rapport avec ce message

Flash, XML et CSS [ par Orange73 ] Hi,Voilà j'ai un texte dynamique dans mon anim flash qui load un xml externe. Ce XML load une css...Malheureusement flash ne prend pas en compte la fe problème chargement XML+CSS [ par vcab ] Bonjour,je voudrais assigner à des boutons le chargement d'un XML différent pour chacuns d'entre eux et une feuille de style unique. Le problème est q Flash chargement dynamique txt et parse avec css externe (AS3) [ par thewildwilliams ] Salut à Tous g un soucis avec AS3, J'ai une un swf sur un site perso formatté en css, le swf charge dynamiquement un texte "playlist" et parse un css Scroll vertical [ par EakaE ] Bonjour,J'ai un soucis dans un de mes code voila je vous explique la situation.J'ai une galerie photo avec scroll vertical ( XML ) qui fonctionne sans load d'un fichier txt soucis avec site en ligne.... [ par vinch88 ] Bonjour, J'ai un soucis avec un document txt que je charge dans mon .fla via le code ci dessous. Mon soucis est, quand je joue l'anim dans flash pas Balise "title" dans xml [ par grain2cel ] Bonjour à tous ! Je travaille sur un carousel flash/via fichier xml, et j'ai besoin au passage de la souris sur les images, d'un title s'affiche. Dans AS3 importer une commande AS depuis un XML [ par ourso ] Bonjour une petite question, qui me pose toujours un problème.J'ai besoin d'inclure quelques commandes pour le lancement d'une appli dans une balise X Imprimer un contenu XML en AS3 [ par pax_05 ] Bonjour à tous,J'ai réalisé un applic pour l'école qui charge des données d'un fichier XML. J'aimerais pouvoir imprimer des textes qui sont placés dan Imprimer un contenu XML en AS3 [ par pax_05 ] Bonjour à tous,J'ai réalisé un applic pour l'école qui charge des données d'un fichier XML. J'aimerais pouvoir imprimer des textes qui sont placés dan XML avec AS3 [ par jno123 ] Bonjour, je viens vers vous afin de trouver une solution à mon problème dans Flash CS3 -> AS3. - J'utilise un fichier xml pour charger des infos dans


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,154 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales