Flashforum - Die Community zu Adobe Flash, Flex AIR. Web Design und Inspiration.

Zeimn · 22-03-2006, 12:13

Tach zusammen,
ich dreh langsam am Rad...
Ich lade ein Stylesheet, was so aussieht:

PHP-Code:

  headline {

  font-family: Arial,Helvetica,sans-serif;

  font-size: 16px;

  font-weight: bold;

  display: block;

}

subheadline {

  font-family: Arial,Helvetica,sans-serif;

  font-size: 13px;

  font-weight: bold;

  display: block;

}

mainBody {

  font-family: Arial,Helvetica,sans-serif;

  font-size: 10px;

  display: block;

}

biline {

  font-family: Arial,Helvetica,sans-serif;

  font-size: 11px;

  font-style: italic;

  display: inline;

}

a:link {

  color: #EEEEEE;

}

a:hover{

  color: #FFCC66;

  text-decoration: underline;

}

Dieses will ich auf ein dynamisches Textfeld anwenden, dessen Inhalt aus ner XML-Datei kommt.

Das sieht so aus:

PHP-Code:

  <![CDATA[<body>

<headline>Randalierender Seelöwe</headline>

<subheadline>Einwohner verblüfft und verängstigt</subheadline>

<biline>Lokalnachrichten </biline><mainBody>Ein großer Seelöwe randalierte heute im Zentrum der Stadt und erschreckte Tausende von Menschen, die sich gerade in der Gegend befanden.<A HREF="http://www.macromedia.com">Klicken Sie hier, um weitere Informationen anzuzeigen</A>. </mainBody>

</body>]]>

Der AS-Code sieht so aus:

PHP-Code:

          // Textfeld formatieren

        content_txt._width = xSize;

        content_txt._height = ySize;

        content_txt.html = true;

        content_txt.htmlText = mainContent;

        content_txt.wordWrap = true;

        content_txt.condenseWhite = true;

        content_txt._visible = false;

        content_txt.setSelectColor(0xFF0000);

        var css_styles:TextField.StyleSheet = new TextField.StyleSheet();

        css_styles.load("css/styles.css");

        css_styles.onLoad = function(ok) {

          if(ok) {

            content_txt.styleSheet = css_styles;

            content_txt._visible = true;

          } else {

            content_txt.htmlText += "<font color='FFCC00'>Fehler beim Laden der CSS-Datei.</font>";

            content_txt._visible = true;

          }

        }

Es werden in dem Textfeld NUR die Links formatiert,
die anderen Syles werden nicht angezeigt...

Sieht einer schon den Fehler??

Das ganze (ohne Preloader und so...)
kann man auch online sehen unter:

http://www.zeimn.net/kunden/hazet/?lang=de

(Dauert ein wenig, der Server ist nicht der schnellste....)

**sonar** · 22-03-2006, 12:24

Is kein HTML/CSS-Thema sondern Flash + XML, deshalb dahin verschoben.

Außerdem: meines Wissens nach kannst du nicht einfach XML-Nodes per CSS formatieren, dafür wird XSLT benötigt, wenn ich mich nicht irre.
Oder du verwendest Standard-HTML-Tags mit Klassen-/ID-Definitionen innerhalb deines XMLs und formatierst die per CSS... bin ich aber kein Spezialist für...

shorty · 23-03-2006, 01:28

Hi Zeimn,

Die wichtigsten info's zu flash & css:

1. Wenn Du deinem Textfeld mehrere Styles zuweisen möchtest, funktioniert das, indem du bei der setTextFormat methode eine start & eine endposition angibst. Start/Endposition bezieht sich auf die länge des zu formatierenden textes
2. Es werden nur ganz bestimmte css-eigenschaften unterstützt, welche das sind, siehst du hier: Unterstützte.CSS-Eigenschaften (LiveDoc's), aber das weist ja bereits.
3. Und hier scheint MM damals mitgedacht zuhaben, kannst du die parsing-fähigkeiten erweitern, die metode nennt sich transform.

guck ...

css

HTML-Code:

headline {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;
  display: block;
}

subheadline {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 13px;
  font-weight: bold;
  display: block;
}

mainBody {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 10px;
  display: block;
}

biline {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-style: italic;
  display: inline;
}

a:link {
  color: #EEEEEE;
}

a:hover{
  color: #FFCC66;
  text-decoration: underline;
}

xml

HTML-Code:

<?xml version="1.0" encoding="utf-8"?>
<root>
<![CDATA[<body>
<headline>Randalierender Seelöwe</headline>
<subheadline>Einwohner verblüfft und verängstigt</subheadline>
<biline>Lokalnachrichten </biline><mainBody>Ein großer Seelöwe randalierte heute im Zentrum der Stadt und erschreckte Tausende von Menschen, die sich gerade in der Gegend befanden.<A HREF="http://www.macromedia.com">Klicken Sie hier, um weitere Informationen anzuzeigen</A>. </mainBody>
</body>
]]>  
</root>

actionscript

ActionScript:

this.stop ();
//  2.0 xml -----------------------------------------------------
var content:XML = new XML ();
content.ignoreWhite = true;
content.onLoad = function (success:Boolean)
{
    if (success)
    {
        view.htmlText = this.firstChild.firstChild.nodeValue;
        view.setTextFormat (0, 10, _level0.css._styles.headline);
        view.setTextFormat (10, 20, _level0.css._styles.subheadline);
        view.setTextFormat (20, 30, _level0.css._styles.mainBody);
        view.setTextFormat (30, 40, _level0.css._styles.biline);
        view.setTextFormat (40, 50, _level0.css._styles['a:link']);
        view.setTextFormat (50, 60, _level0.css._styles['a:hover']);
    }
};
//  1.0 css  -----------------------------------------------------
var css:TextField.StyleSheet = new TextField.StyleSheet ();
css.onLoad = function (success:Boolean)
{
    if (success)
    {
        trace (this.getStyleNames ());
        content.load ('content.xml');
    }
};
css.load ("styles.css");

lg,
shorty

shorty · 23-03-2006, 12:04

Ik hab mal noch n bischen bebastelt...

gleich vorweg, die klasse ist nur so flink dahin getippelt, und auf deine bedürfnisse zugeschnitten, kannst nun also fast wie mit html div/spawn tags arbeiten(CSS & XML bleiben gleich)

Um eine formatierung einzuleiten, schreibst du den namen des css styles einfach direkt mit öffnendem tag vor den zu formatierenden text, um sie zu beenden mit schließendem tag. Diese tags werden innerhalb der klasse ausgewertet, der css style auf den innerhalb der tags liegenden text angewendet, die tags entfernt, und schlussendlich dem textfeld ein html formatierter string übergeben.

Achte darauf, wie bei html code die richtigen css style namen zu verwenden, aka. wenn in deiner styles.css der style "headline" benannt wird, ist das pondon dazu <headline>dein nach headlin zu formatierender text</headline> u.s.w.

Html Zeilenumbrüch <br> brauchst du im CDATA bereich der xml nicht verwenden, diese werden automatisch von flash erkannt. Ist zwar etwas buggy, da flash hier immer ein doppelten setzt, läßt sich aber leicht durch split('\r\n').join('<br>') beheben

xml

HTML-Code:

<?xml version="1.0" encoding="utf-8"?>
<root>
<![CDATA[<headline>Randalierender Seelöwe</headline>
<subheadline>Einwohner verblüfft und verängstigt</subheadline>
<biline>Lokalnachrichten</biline>
<mainBody>Ein großer Seelöwe randalierte heute im Zentrum der Stadt und erschreckte Tausende von Menschen, die sich gerade in der Gegend befanden.<A HREF="http://www.macromedia.com">Klicken Sie hier, um weitere Informationen anzuzeigen</A>.</mainBody>
]]>  
</root>

class

ActionScript:

import mx.utils.Delegate;
import mx.events.EventDispatcher;
import TextField.StyleSheet;
 
class com.shortybmc.CSS
{
    
    public var css:StyleSheet;
    public var addEventListener:Function;
    public var removeEventListener:Function;
    private var dispatchEvent:Function;
    
    function CSS ()
    {
        EventDispatcher.initialize (this);
    }
    
    public function load (url:String) : Void
    {
        css = new StyleSheet ();
        css.onLoad = Delegate.create (this, onLoad);
        css.load (url);
    }
    
    private function onLoad (success:Boolean) : Void
    {
        if (success)
        {
            dispatchEvent ({type:'loaded'});
        }
    }
    
    public function getStyleNames () : Array
    {
        return css.getStyleNames ();
    }
 
    public function getStyle (id:String) : Object
    {
        return css['_styles'][id];
    }
    
    public function set (target:TextField) : Void
    {
        var s:String = target.text;
        for (var i in getStyleNames ())
        {
            var name:String = getStyleNames ()[i];
            var oT:String = '<' + name + '>';
            var eT:String = '</' + name + '>';
            var from:Number = s.indexOf (oT);
            var to:Number = s.indexOf (eT) + eT.length;
            target.setTextFormat (from, to, getStyle (name));
            s = s.split ('&lt;' + name + '&gt;').join ('');
            s = s.split ('&lt;/' + name + '&gt;').join ('');
        }
        s = target.htmlText;
        s = s.split ('&lt;/').join ('</');
        s = s.split ('&lt;').join ('<');
        s = s.split ('&gt;').join ('>');
        s = s.split ('&quot;').join ('"');
        target.htmlText = s;
    }
}

timeline

ActionScript:

import com.shortybmc.CSS;
 
//  2.0 xml -----------------------------------------------------
var content:XML = new XML ();
content.ignoreWhite = true;
content.onLoad = function (success:Boolean)
{
    if (success)
    {
        view.text = this.firstChild.firstChild.nodeValue;
        format.set (view);
    }
};
 
//  1.0 css  -----------------------------------------------------
var format:CSS = new CSS ();
var loaded:Function = function ()
{
    content.load ('content.xml');
};
format.addEventListener ('loaded', loaded);
format.load ("styles.css");

sport frei,
shorty

{edit} werde die klasse morgen nochmal überarbeiten, um soviel wie möglich nähe zu html quelltext herzustellen (spawn/div tags, styles mit dot davor, u.s.w.)

Zeimn · 23-03-2006, 17:44

Hey Shorty,

was machst du denn sonst so?
Ich meine jetzt haste dir echt voll die Arbeit gemacht...
... erstmal ein fettes THANX!!

Hab den Arsch voll Arbeit momentan, deswegen bastel ich erst die nächsten Tage weiter, aber ich denke das klappt jetzt schon...!

Wenn ich mal was für dich tun kann, sach bescheid,
mach hauptsächlich Design, Programmierung, 3D-Design, Webhosting...

Gruß, Zeimn

shorty · 23-03-2006, 18:55

War mir wie immer eine freude Zeimn

!
was ich sonst so mache: ähmmmm, nichts was mit computern zutun hat, wenn du mein job meinst

iaka · 19-01-2012, 15:22

Die Klasse oder Benutzeroberfläche 'com.shortybmc.CSS' konnte nicht geladen werden ...

ne idee, warum?

**Martin Kraft** · 19-01-2012, 15:56

Willkommen im Forum!

Zitat:

Zitat von iaka

Die Klasse oder Benutzeroberfläche 'com.shortybmc.CSS' konnte nicht geladen werden ...

ne idee, warum?

Welche ActionScript-Version verwendest Du? 3?
Das Script oben ist (wie der ganze Thread) schon etwas ältern und noch in AS2 geschrieben...

iaka · 19-01-2012, 16:05

habe einfach die datei aus dem zip getestet... die steht auf fp7 und as2 ...

**Martin Kraft** · 19-01-2012, 16:11

Zitat:

Zitat von iaka

habe einfach die datei aus dem zip getestet... die steht auf fp7 und as2 ...

Dann liegt es wahrscheinlich daran, dass Du die FLA direkt aus dem ZIP-Archiv heraus geöffnet hast und sie deshalb die nötigen externen Dateien nicht findet. Du solltest vorher das gesamte Archiv in einen Ordner entpacken und die FLA dann dort öffnen.

iaka · 19-01-2012, 16:12

das habe ich getan (öffne im grunde nie direkt aus einer zip-datei) ...

**Martin Kraft** · 19-01-2012, 16:41

Ich hab gerade selbst mal in die ZIP-Datei geschaut und gesehen, dass die AS-Datei dort nicht in einem Ordner liegt, obwohl ein Paket angegeben wurde. Die AS-Datei gehört (relativ zur FLA) in folgendes Verzeichnis:

Code:

com/shortybmc/CSS.as

iaka · 19-01-2012, 17:24

hey cool - klappt - danke...

und auch danke fürs "willkommen" ;-)

22-03-2006, 12:13	#1 (permalink)
Zeimn Web-Developer Registriert seit: May 2003 Ort: Essen Beiträge: 84	Es werden nur Hyperlinks formatiert :-(( Tach zusammen, ich dreh langsam am Rad... Ich lade ein Stylesheet, was so aussieht: PHP-Code: headline { font-family: Arial,Helvetica,sans-serif; font-size: 16px; font-weight: bold; display: block; } subheadline { font-family: Arial,Helvetica,sans-serif; font-size: 13px; font-weight: bold; display: block; } mainBody { font-family: Arial,Helvetica,sans-serif; font-size: 10px; display: block; } biline { font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-style: italic; display: inline; } a:link { color: #EEEEEE; } a:hover{ color: #FFCC66; text-decoration: underline; } Dieses will ich auf ein dynamisches Textfeld anwenden, dessen Inhalt aus ner XML-Datei kommt. Das sieht so aus: PHP-Code: `<![CDATA[<body> <headline>Randalierender Seelöwe</headline> <subheadline>Einwohner verblüfft und verängstigt</subheadline> <biline>Lokalnachrichten </biline><mainBody>Ein großer Seelöwe randalierte heute im Zentrum der Stadt und erschreckte Tausende von Menschen, die sich gerade in der Gegend befanden.<A HREF="http://www.macromedia.com">Klicken Sie hier, um weitere Informationen anzuzeigen</A>. </mainBody> </body>]]>` Der AS-Code sieht so aus: PHP-Code: // Textfeld formatieren content_txt._width = xSize; content_txt._height = ySize; content_txt.html = true; content_txt.htmlText = mainContent; content_txt.wordWrap = true; content_txt.condenseWhite = true; content_txt._visible = false; content_txt.setSelectColor(0xFF0000); var css_styles:TextField.StyleSheet = new TextField.StyleSheet(); css_styles.load("css/styles.css"); css_styles.onLoad = function(ok) { if(ok) { content_txt.styleSheet = css_styles; content_txt._visible = true; } else { content_txt.htmlText += "<font color='FFCC00'>Fehler beim Laden der CSS-Datei.</font>"; content_txt._visible = true; } } Es werden in dem Textfeld NUR die Links formatiert, die anderen Syles werden nicht angezeigt... Sieht einer schon den Fehler?? Das ganze (ohne Preloader und so...) kann man auch online sehen unter: http://www.zeimn.net/kunden/hazet/?lang=de (Dauert ein wenig, der Server ist nicht der schnellste....) __________________ www.simon-koehler.com

23-03-2006, 17:44	#5 (permalink)
Zeimn Web-Developer Registriert seit: May 2003 Ort: Essen Beiträge: 84	Jungeee du bist cool! Hey Shorty, was machst du denn sonst so? Ich meine jetzt haste dir echt voll die Arbeit gemacht... ... erstmal ein fettes THANX!! Hab den Arsch voll Arbeit momentan, deswegen bastel ich erst die nächsten Tage weiter, aber ich denke das klappt jetzt schon...! Wenn ich mal was für dich tun kann, sach bescheid, mach hauptsächlich Design, Programmierung, 3D-Design, Webhosting... Gruß, Zeimn __________________ www.simon-koehler.com

23-03-2006, 18:55	#6 (permalink)
shorty notzucht Registriert seit: Nov 2003 Ort: Potsdam Beiträge: 2.939	War mir wie immer eine freude Zeimn ! was ich sonst so mache: ähmmmm, nichts was mit computern zutun hat, wenn du mein job meinst __________________ . Flex in a week \| Viertel vor halb nach Vollmond \| ^^°.°^^ \| Waltz with Bashir . Geändert von shorty (24-03-2006 um 08:29 Uhr)

19-01-2012, 15:22	#7 (permalink)
iaka Neuer User Registriert seit: Jan 2012 Ort: hamburg Beiträge: 8	coole sache Die Klasse oder Benutzeroberfläche 'com.shortybmc.CSS' konnte nicht geladen werden ... ne idee, warum?

19-01-2012, 16:41	#12 (permalink)
Martin Kraft Flash-Designer Registriert seit: May 2006 Ort: Wiesbaden Beiträge: 6.164	Ich hab gerade selbst mal in die ZIP-Datei geschaut und gesehen, dass die AS-Datei dort nicht in einem Ordner liegt, obwohl ein Paket angegeben wurde. Die AS-Datei gehört (relativ zur FLA) in folgendes Verzeichnis: Code: com/shortybmc/CSS.as __________________ Viele Grüße // Martin Martin Kraft // Interaktionsdesign Hilfreiche Websites: // Hilfe zur Adobe Flash Plattform // ActionScript 2 Referenz // ActionScript 3 Referenz // ActionScript 3 Arbeitshandbuch // weitere Flash Ressourcen Bitte keine Flashfragen per PM oder Profilnachricht! Dafür ist das Forum da!

22-03-2006, 12:24	#2 (permalink)
sonar mod_rewrite Registriert seit: Feb 2003 Ort: München Beiträge: 15.621	Is kein HTML/CSS-Thema sondern Flash + XML, deshalb dahin verschoben. Außerdem: meines Wissens nach kannst du nicht einfach XML-Nodes per CSS formatieren, dafür wird XSLT benötigt, wenn ich mich nicht irre. Oder du verwendest Standard-HTML-Tags mit Klassen-/ID-Definitionen innerhalb deines XMLs und formatierst die per CSS... bin ich aber kein Spezialist für...

19-01-2012, 16:05	#9 (permalink)
iaka Neuer User Registriert seit: Jan 2012 Ort: hamburg Beiträge: 8	habe einfach die datei aus dem zip getestet... die steht auf fp7 und as2 ...

19-01-2012, 16:12	#11 (permalink)
iaka Neuer User Registriert seit: Jan 2012 Ort: hamburg Beiträge: 8	das habe ich getan (öffne im grunde nie direkt aus einer zip-datei) ...

19-01-2012, 17:24	#13 (permalink)
iaka Neuer User Registriert seit: Jan 2012 Ort: hamburg Beiträge: 8	hey cool - klappt - danke... und auch danke fürs "willkommen" ;-)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln