Textfeld mit CSS formatieren

[skamarkus]

greez

ich will in einem Textfeld in dem ich per XML Text einlesen lasse, daneben ein Bild stehen haben und die beiden sollen vertikal ausgerichtet sein....

hab es zuerst mit einem DIV um den Bereich versucht und dann eine class für die Ausrichtung geschrieben, leider scheint er mit DIVs nicht zu nehmen...

danach alle möglichen Variationen versucht, Klassen für DIV und SPAN geschrieben - ohne Erfolg...

kann AS nur bestimmte HTML-Codes? denn "normale Textformatierungen" die auf <SPAN> angewendet werden, auf <DIV> versagen die gleichen Klassen leider wieder ...

hier der Code:

PHP-Code:

stop();
//// Textformatierungen für Sidepanel per CSS ////
var styles:TextField.StyleSheet = new TextField.StyleSheet();
styles.onLoad = function(success:Boolean):Void {
    if (success) {
        // Stilnamen anzeigen.
        trace(this.getStyleNames());
    } else {
        trace("Error loading CSS file.");
    }
};
styles.load("styles.css");
_root.daten_txt.styleSheet = styles;

_root.tdaten_str += "<div><img class='ausrichten' src='hakal.png'>";
_root.tdaten_str += xnOpen.firstChild.nodeValue+"</div><br />"; 


merci,
markus

[ricardo]

hi,
'div's' werden nicht unterstüzt...

Guck mal hier: http://www.kirupa.com/developer/mx2004/css3.htm

Ist eine kopierte Referenz aus der Flashilfe, und zeigt die unterstützten Stile...

noch was aus der Flashhilfe:

...
Bild-Tag
Mit dem Tag <img> können Sie externe Bilddateien (JPEG, GIF, PNG), SWF-Dateien und Movieclips in Textfelder und TextArea-Komponenteninstanzen einbetten. Text fließt automatisch um diese Objekte oder Komponenten herum. Um dieses Tag verwenden zu können, müssen Sie das dynamische Feld oder Eingabetextfeld als mehrzeilig definieren und Zeilenumbrüche aktivieren.
...

ricardo

[skamarkus]

supi danke, gibt es dann irgendeine möglichkeit die vertikal auszurichten??

[ricardo]

na, das einfachste wäre, Du baust Dir nen 'Halter'-mc, der ein dyn.Textfeld enthält, sowie einen mc für das Bild, da sind Dir dann mit der Positionierung keine Grenzen gesetzt. In diese mc's lädst Du Deine Inhalte...

Wäre in etwa die Div- Variante in Flash übertragen..

gruss,
ricardo

[skamarkus]

gute idee wenn auch viel umbauarbeit... weil ca. 20x was in das dyn textfeld eingeladen wird mal mit mal ohne grafiken.... hoffe das haut mir das restliche css nicht um, aber ich werds probieren

merci

[ricardo]

Du brauchst doch diesen 'halter-mc' nur einmal verwenden, und Texte, Bilder austauschen, sofern jeweils nur jeweils ein Inhalt zur Zeit dargestellt werden soll.
Oder willst Du mehrere Inhalte gleichzeitig darstellen?
Dann würde sich anbieten, den Halter-mc dynamisch zu dupilziere, bzw. zu attachen...
Arbeitest Du mit xml?

gruss,
ricardo

[skamarkus]

yess, mit xml

ich versuch mir grad durchzudenken was es für auswirken für die scrollbar hat die mit dem dyn. textfeld verbunden ist. bis jetzt wird alles nur mit htmlcode reingeladen per string += xml-werte

ich bräucht halt ein container_mc wo dann jeweil hauptdaten_mc mit bis zu 4 optionalen bild mit text_mc in variierender anzahl vorzufinden sind...

also müsst das nach deinen gedanken so ausschauen? (alles mcs):

<Container>

Eintrag1 Stammdaten
Eintrag1 zusatz1 (bild und text daneben)

Eintrag2 Stammdaten
Eintrag2 zusatz1 (bild und text daneben)
Eintrag2 zusatz2 (bild und text daneben)

Eintrag3 Stammdaten

Eintrag4 Stammdaten

</Container>

[ricardo]

würde es so machen:
mc- verschachtelung als xml

<Container-mc>

	<eintrag-1-mc>
    		<textfeld-stammdaten>Eintrag1 Stammdaten</textfeld-stammdaten>
    		<zusatz-text>text</zusatz-text>
		<zusatz-bild-mc>bild</zusatz-bild-mc>
	</eintrag-1-mc>

	<eintrag-2-mc>
    		<textfeld-stammdaten>Eintrag2 Stammdaten</textfeld-stammdaten>
    		<zusatz-text>text</zusatz-text>
		<zusatz-bild-mc>bild</zusatz-bild-mc>
	</eintrag-2-mc>

	<eintrag-3-mc>
    		<textfeld-stammdaten>Eintrag3 Stammdaten</textfeld-stammdaten>
	</eintrag-3-mc>

	<eintrag-4-mc>
    		<textfeld-stammdaten>Eintrag4 Stammdaten</textfeld-stammdaten>
	</eintrag-4-mc>

</Container-mc>

Kommste damit weiter?

ricardo

[skamarkus]

hab nen screen angehängt

die jeweiligen gefärbten paare sollen vertikal ausgerichtet werden...

hier hab ich eben divs versucht (die eben nicht genommen werden), als auch die vertikalen Ausrichtungsmöglichkeiten von HTML...

das mit den MCs is denk ich mehr aufwand, weiß nicht ob wir da vorbei geredet haben, ich arbeite mit XML-DATEN und nicht XML-MC-PLAN

PHP-Code:

                                    if (xnWert1.firstChild.nodeValue != undefined) {
                                        _root.Textclip_mc.tdaten_str += "<img src='bild1.png' align='middle'>";
                                        _root.Textclip_mc.tdaten_str += xnWert1.firstChild.nodeValue;
                                        _root.Textclip_mc.tdaten_str += "<br />";
                                    }
                                    if (xnWert2.firstChild.nodeValue != undefined) {
                                        _root.Textclip_mc.tdaten_str += "<img src='bild2.png' align='middle'>";
                                        _root.Textclip_mc.tdaten_str += xnWert2.firstChild.nodeValue;
                                        _root.Textclip_mc.tdaten_str += "<br />";
                                    } 


[skamarkus]

die Lösung des Problems:

durch die Standartwerte von 8px bei hspace und vspace die standardmäßig eingestellt sind, ist es klar warum der Text nicht neben dem Bild steht

einfach auf 0 stellen und voila

aus der Hilfe:

Das Tag <img> unterstützt die folgenden Attribute:

src Definiert die URL zu einer Bild- oder SWF-Datei bzw. den Verknüpfungsbezeichner eines Movieclip-Symbols in der Bibliothek. Dieses Attribut ist erforderlich. Alle anderen sind optional. Externe Dateien (JPEG, GIF, PNG und SWF) werden erst dann angezeigt, wenn sie komplett heruntergeladen worden sind.
id Definiert den Namen der Movieclip-Instanz (wird von Flash Player erstellt), welche die eingebettete Bild- oder SWF-Datei bzw. den Movieclip enthält. Dies ist nützlich, wenn Sie den eingebetteten Inhalt mit ActionScript steuern möchten.
width Die Breite des einzufügenden Bilds, der SWF-Datei oder des Movieclips in Pixel.
height Die Höhe des einzufügenden Bilds, der SWF-Datei oder des Movieclips in Pixel.
align Legt die horizontale Ausrichtung des eingebetteten Bilds im Textfeld fest. Gültige Werte sind left und right. Der Standardwert lautet left.
hspace Legt die Größe des horizontalen Bereichs um das Bild fest, in dem kein Text zu sehen ist. Der Standardwert ist 8.
vspace Legt die Größe des vertikalen Bereichs um das Bild fest, in dem kein Text zu sehen ist. Der Standardwert ist 8.