[stuff] CSS - Textformatierung

[shorty]

Hi saubande ...

Der "Zeimn" hat mich vor n paar tagen, in diesem thread auf ne idee gebracht, welche uns bei der formatierung von texten u.U. etwas zeit zu sparen hilft.

Zutaten

• eine css datei, welche die verschiedenen styles enthält
• eine xml oder textdatei, aus der die texte kommen
• die folgende CSS klasse
  ... günstig wär noch ein dynamisches textfeld, damit man sieht was man da veranstaltet

Zubereitung

css: Wie man ne css datei schreibt brauch ich euch ja nicht erklären, für die die es nicht wissen, hier lang. Die definition der styles erfolg ganz einfach per klasse, also dot & Klassenname (.meineKlasse { eigenschft:wert }) - kurzum, syntaktisch korrekt und fürs erste nehmen wir ma nur die von flash unterstützten css eigenschaften

xml: Ebenfalls ganz simpel, und auf das nötigste reduziert. Wichtig ist nur, das die texte im element in einem CDATA bereich stehen. Um einen bestimmten styles auf einen bestimmten teil des textes anwenden zukönnen, schreiben wir um den entsprechenden text-bereich ein öffnendes, und ein schließendes tag. Der name des tags ergibt sich durch style der auf den innerhalb liegenden bereich angewendet werden soll, und einem präfix. Die tags werden vollständig qualifiziert formuliert, wichtig!

css-klasse: Die klasse lädt nun die css datei, und feuert ein event ab, wenn diese vollständig geladen ist. ° gedankensprung zur timeline ° Nach erfolgreichem laden holen wir uns den text aus der xml datei, und weisen diesen einem textfeld per instanz.text = unserText zu. Wenn das erledigt ist, folgt in der nächsten zeile der aufruf von unsereInstanzDerCSSKlasse.set(unserTextfeld). Die klasse macht nun nichts anderes, als die klassennamen der css datei, mit den tags in der der xml datei zu vergleichen. Bei einem hit, wird nur der innernliegende teil mit dem entsprechenden style formatiert, und schlußendlich ein htmlText formatierter string in das textfeld geschrieben. - fertig -

Essensausgabe


timeline, wie unter CSS - Klasse beschrieben

PHP-Code:

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 //...zielknoten;
        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 & gruß,
shorty
nix neues, aber vieleicht eine möglichkeit mehr, schnell ans ziel zu kommen ...

.

[darwin26]

wie immer... einfach nur *goil*

hab den thread vom ZEIMN schon beobachtet und dachte mir schon das
da noch was kommt...

gruß und danke...


PS:
@Shorty absoluten fetten RESPEKT ...
hoff ich kann Dir auch irgendwie mal helfen (Grafik, DTP, Print)

[bamboocha]

Kann mich Darwin nur anschliessen... fettes Teil! Respekt!

[shorty]

Haaaa, die üblichen Verdächtigen, thx ...
wenn euch irgendwo fehler auffallen, dann her damit!

[darwin26]

Haaaa, die üblichen Verdächtigen,

eher, groupies....

[muschko]

immer wieder einfach nur nice ! thx a lot

[ElPower]

Super Sache das, lerne gerade erst die Klassen und AS 2.0 kennen, aber das scheint extrem verwendbar.
Danke,
El P.

[shorty]

Wenn dir irgendwelche buggs übern weg laufen, dann bitte bescheid sagen!

lg,
shorty
gruß @ pfeife muschko

[Zeimn]

..und ich hab´n drauf gebracht.. hehe....
THANX! Iss echt jut...

[stylefetish]

schade die links funktionieren nicht mehr :/ gibt es eine möglichkeit die CSS klasse nochmal zu posten??

VIELEN Dank
Guido

P.S.
shorty super teil!

[shorty]

hab den ganzen müll vom server verbannt, im anhang die src.

viel spass,
shorty

[simonpaul]

Fettes Teil - leider kann ich die *.fla nicht öffnen...
In welcher Version von Flash hast du das gemacht?
Ich hab leider nur MX 2004. Ist das möglich das *.fla file irgendwie zu konvertieren das es bei mir geht?

Grüße!

[shorty]

über kurz oder lang wirst du feststellen, dass dit ziemlich sinnloser stuff ist. aber zum fummeln sicherlich nicht umsonst

viel spaß & lg,
shorty

[simonpaul]

Hallo shorty,

danke fürs hochladen!
Mal sehen obs sinnlos ist, ich habe eine dicke Multimediapräsentation und möchte in einem immer ähnlich aussehenden Fenster Texte anzeigen. Da erscheint mir ein XML wo alle Texte drinstehen sehr praktisch. Dann muss ich sie nur noch irgendwie den entsprechenden Frames zuordnen. (Pro Frame ein neuer Inhalt)
Meinst Du nicht das dein Tool da sehr praktisch für ist?

Leider hab ich bei deinem Tool aber eine Fehlermeldung, deren Grund ich nicht verstehe:

**Fehler** ...CSS.as: Zeile 28: Keine Methode mit dem Namen 'Delegate' vorhanden.
     		source.onLoad = Delegate.create (this, onLoad);

Sagt Dir das irgendwas?

Viele Grüße!

[shorty]

Meinst Du nicht das dein Tool da sehr praktisch für ist?

Wenn Du der Meinung bist das es rir genau die Arbeit abnimmt für die Du einen Helfer gesucht hast, dann ist es wohl praktisch, und freut mich natürlich umso mehr

[...]

Hmm, komisch! Wenn der EventDispatcher am Start ist sollte der Klassenpfad eigentlich richtig sein, bzw. Delegate ebenfalls vorhanden sein.

Bekommst Du wirklich nur den einen Fehler?