Accueil > Forum > > > > [AS3] soucis avec un htmlText / XML / CSS
[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
|
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
|
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
|
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
|
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)

|
|
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
Livres en rapport
|
Derniers Blogs
IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|