Known Participant

Answered

External CSS loading problem

Forum|Forum|15 years ago
September 16, 2010
2 replies
1509 views

This my hole code

AS3 code:

var xmlLoader:URLLoader = new URLLoader();

xmlLoader.load(new URLRequest("linkNewD.xml"));

var cssLoader:URLLoader = new URLLoader();
cssLoader.load(new URLRequest("style.css"));
cssLoader.addEventListener(Event.COMPLETE, onCSSFileLoaded);

function onCSSFileLoaded(event:Event):void
{
var st:StyleSheet = new StyleSheet();
st.parseCSS(cssLoader.data);
trace(cssLoader.data);
myMc1.opt1txt.styleSheet =st;

}

When I am trace this (trace(cssLoader.data);) I got this css

".a {color: '#6a4100', text-decoration: 'none';}
.a:link { color: '#333333', textDecoration: 'none'; }
.a:hover {color: '#b30000', text-decoration: 'none';}"

but not Appling to the test field why?

xmlLoader.addEventListener(Event.COMPLETE, displayHTML);

function displayHTML(e:Event):void {

var xmlData:XML = new XML(e.target.data);

myMc1.opt1txt.htmlText = xmlData.Header1.option.*;

}

External CSS code:

.a {color: '#6a4100', text-decoration: 'none';}
.a:link { color: '#333333', textDecoration: 'none'; }
.a:hover {color: '#b30000', text-decoration: 'none';}

XML code:

<data>

<Header1>
<title>Title one</title>
<option>
<![CDATA[Option Title ]]>
<![CDATA[<a href="http://www.google.com">Google Search</a> ]]>
<![CDATA[<a href="http://www.yahoo.com">Yahoo Search</a> ]]>
<![CDATA[<a href="http://www.bing.com">Bing search</a>]]>
</option>
</Header1>

</data>

Please help me!

Thanks,

jafy

ActionScript

This topic has been closed for replies.

Correct answer finoy-UhlI7S

Hi jafy,

You have written a wrong CSS code. I have corrected this and shown below... please replace your CSS to mine...It will work...

External CSS code:

a {color: #6a4100; text-decoration:none;}
a:link { color:#333333; text-decoration:none; }
a:hover {color:#b30000, text-decoration:none;}

Regards,

Finoy Francis.

http://flashprolabs.com

A

Andrei1-bKoviI

Inspiring

In addition to Finoy's suggestion, you use .a as a class selector. a is an HTML tag, so it shouldn't be preceded by coma.

Also, you overdo CDATA in the xml - one CDATA block in a node is sufficient. The xml should look like this:

<?xml version="1.0" encoding="utf-8" ?>
<data>
     <Header1>
          <title>Title one</title>
          <option>
               <![CDATA[
               <b>Option Title</b><br>
               <a href="http://www.google.com">Google Search</a><br>
               <a href="http://www.yahoo.com">Yahoo Search</a><br>
               <a href="http://www.bing.com">Bing search</a>
               ]]>
          </option>
     </Header1>
</data>

J

Jafy78Author

Known Participant

Andrei1 Please help me.

I am trying to apply CSS to paragraph but the style is not applying why?

CSS code:

p {color:#FFCC00;}
a:link {color:#07d4e6; text-decoration:none;}
a:hover {color:#83e50f; text-decoration:none;}

XML code:

<![CDATA[EVALUATION]]>

Thanks,

Jafy

A

Andrei1-bKoviI

Inspiring

Show code of how you apply StyleSheet.

finoy-UhlI7SCorrect answer

Participating Frequently

Hi jafy,

You have written a wrong CSS code. I have corrected this and shown below... please replace your CSS to mine...It will work...

External CSS code:

a {color: #6a4100; text-decoration:none;}
a:link { color:#333333; text-decoration:none; }
a:hover {color:#b30000, text-decoration:none;}

Regards,

Finoy Francis.

http://flashprolabs.com

J

Jafy78Author

Known Participant

Thank you!

I am trying to apply CSS to paragraph but the style is not applying why?

CSS code:

p {color:#FFCC00;}
a:link {color:#07d4e6; text-decoration:none;}
a:hover {color:#83e50f; text-decoration:none;}

XML code:

<![CDATA[EVALUATION]]>

Thanks,

Jafy

finoy-UhlI7S

Participating Frequently

Hi jafy,

Please make your textfield dynamically using as3. Now your CSS is correct but you created the textfield by manual… it’s automatically add styles and other html code on textfield

While I was using manually crated textfield… I trace the html text content from textfield it was showing like:

<TEXTFORMAT LEADING="2">
 Option Title 
</TEXTFORMAT>
<TEXTFORMAT LEADING="2">
 Google Search 
</TEXTFORMAT>
<TEXTFORMAT LEADING="2">
 <A HREF="http://www.google.com" TARGET="">Google Search</A> 
</TEXTFORMAT>
<TEXTFORMAT LEADING="2">
 <A HREF="http://www.yahoo.com" TARGET="">Yahoo Search</A>
</TEXTFORMAT>
<TEXTFORMAT LEADING="2">
 <A HREF="http://www.bing.com" TARGET="">Bing search</A>
</TEXTFORMAT>

Now I rewrite your as3 code and added that here:

var cssLoader:URLLoader = new URLLoader();
cssLoader.load(new URLRequest("style.css"));
cssLoader.addEventListener(Event.COMPLETE, onCSSFileLoaded);

function onCSSFileLoaded(event:Event):void {

var st:StyleSheet = new StyleSheet();
st.parseCSS(cssLoader.data);

var xmlLoader:URLLoader = new URLLoader();

xmlLoader.load(new URLRequest("linkNewD.xml"));

var opt1txt:TextField = new TextField();

opt1txt.styleSheet=st;

myMc1.addChild(opt1txt);

xmlLoader.addEventListener(Event.COMPLETE, displayHTML);
function displayHTML(e:Event):void {

var xmlData:XML=new XML(e.target.data);

        opt1txt.htmlText=xmlData.Header1.option.*;
        //trace(myMc1.opt1txt.htmlText);
        opt1txt.autoSize = TextFieldAutoSize.LEFT;

}
}

CSS Code:

p{font-size: 25px; color:#ffcc00;}

a {color: #6a4100; text-decoration:none;}

a:link { color:#333333; text-decoration:none; }

a:hover {color:#ff0000; text-decoration:none;}

Regards,

Finoy Francis.

http://flashprolabs.com

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded