XML HTML Text Scroller

XML HTML Text Scroller

This flash text scroller comes with a lot of features which can easily be changed using the XML file.

The text is XML driven and it can include HTML tags supported by flash player(http://blog.invassive.com/2008/05/14/css-properties-available-in-flash-9/).

What's very important is that it can support any language characters.
The font is externally loaded and it can be changed anytime recompiling the FLA file.

It supports the most basic functions for the scroller:
- arrows
- trackbar
- scrub
- mouse scroll(pc and mac)

All colors and dimensions are customizable.

Note: The text used in this file is for display purposes only.

 

Andrei Neamtu

on 24/5/10

 

Very important:
For the first time we made a component that can support any language with different fonts.
We used a new method that embeds the font from an external file(e.g. "LucidaGrande.ttc") inside the swf file.
This way you can change the external used font file and recompile the FLA and the font will be changed. We will make a video tutorial for this to let you know how to change the font.

 

Julian Bowman

on 23/8/10

 

hey guys. ok, i couldn't make it work. everything looked fine. i edit files in Dreamweaver and every time i tried to save the .xml is said 'change to UTF-8 and then saved a blank file.

It wouldn't let me change it in Dreamweaver so i opened the file in text edit and changed the UTF-16 to UTF-8, saved it where it gave me the option of 16 or 8, chose 8, and now it works.

Anyway, thought i'd point it out. Am looking forward to this one, good job :)

 

Julian Bowman

on 23/8/10

 

Another quick one:

look here: http://www.eyeseesound.com/aboutus.htm...

the corners of the text scroller are curved and behind the curve is white, so there are 4 white triangles in the corners.

How do I change those to black to fit in with the design as a whole?

 

Marius-Cristian Donea

on 24/8/10

Hi,

You have 2 possibilities:

1. Uncomment next line in the Javascript code:

                
params.wmode = "transparent";
                

2. Change the value of bgcolor parameter to #000000:

                
params.bgcolor = "#000000";
                

 

Andrei Potorac

on 24/8/10

Hey Julian, you know you can add an avatar to your profile? :P

 

mstand11

on 7/9/10

 

...keeps giving me an error unable to transcode/resolve Lucidia Grande.ttc on line 36 of text scroller.as - do I need to change the location of this if I am embedding it into a flash file?

 

Andrei Potorac

on 8/9/10

Please email us the files so we can look over this. What Flash is basically doing is it's trying to embed the file in the swf, when it compiles.

Are you using Flash CS4?

 

davidsura

on 12/10/10

Hi Andrei,

I'm having the same error that mstand11 was having. I've sent you an e-mail regarding this issue. I am using cs4. Thanks.

 

Marius-Cristian Donea

on 13/10/10

Hi,

Please try to add a slash ( / ) in front of the link.

 

Dave Wagner

on 18/11/10

 

When I try to preview the file from the projectCS3.fla file, all I get is the background with no text. I'm thinking it has something to do with the embedding the fonts. How do I change the settings from loading the fonts from actionscript to using the ones in Flash?

 

Corneliu Chitanu

on 22/11/10

 

Hi Dave,

You are right, this is a font problem, but it's not a major problem. You can't see the preview because you don't have the fonts we used. Just install the fonts in the fonts directory. The resulted SWF file will have the fonts embedded in it and, if made public, this SWF will be seen properly by any user.

We embedded the fonts in actionscript, in the TextScroller.as file, not in the actual .FLA file. The reason for that is that otherwise we couldn't use special characters.

If you want to change the font, do it like we did it. Open the TextScroller.as and search for the folowing line:

[Embed(source="/../fonts/LucidaGrande.ttc", fontFamily="FontEmbedded")]

Replace the path to the font in the source parameter:

[Embed(source="/../fonts/OtherFontYouWantToUse.ttc", fontFamily="FontEmbedded")]

Of course, you'll need to put the font you want to use in the fonts directory.

 

Dave Wagner

on 1/12/10

 

Corneliu,

I tried using the fonts that were already in the fonts directory. It still does not work when I try to preview the file from the projectCS3.fla file. However, when I unzip a fresh copy of the file and view the preview file in the deploy directory, it works. So, I'm really not sure what the problem is at this point.

 

Corneliu Chitanu

on 3/12/10

Hi Dave,

I just found out that the Flash CS3 compiler does not know this method for embedding fonts. This works only in CS4. We're sorry about that, but this is could not be anticipated by our team.

Actually, what this component does with the text (displaying special characters and formatting), works only using this method for embedding the fonts, which is using just Action Script. I explained this method last week to you.

 

denjoyer

on 11/3/11

 

XML HTML Text Scroller

sidescroller doesn't "see" images which are added at the end of the text ?
Another question, if i add image which width equals the flashcontent width (-vert scroller width), the text is trying to print itself BEHIND the image ?

 

Corneliu Chitanu

on 12/3/11

Hi,

We're sorry, but Flash Player has some problems handling HTML img tags. It doesn't do it like a normal browser.

When you enter an image in the HTML text it always wraps the text around it, so that's why, when you set an image with the same size the component has, it will wrap some text on the left/right (depending on the alignment of the image). That text can be visible or partially visible. The workaround is to put the "img" tag inside of a font tag:

                
<font size="80"><img src = "textscroller/content/images/logo2.png" align = "left" width="490" height="100" hspace="0" vspace ="0"/></font>

                

Note that you'll need to set a size for the "font" tag and you'll have to play with this a little bit. But it must be approximately 5/6 of the image height you set in the "img" tag.
The downside for this trick is that it might add some space before the image, but it's the best we have.

About adding the image at the end of the text, you'll have to be careful to set the "img" tag before these characters:

                
]]>
</content>

                

The first line closes the CDATA tag and the second closes the "content" XML tag we read in the flash component.

If this does not work for you, please give us a link to your webpage and we'll inspect the settings you set.

 

paprius

on 22/4/11

 

Hello

Is the scrollbar customizable?
Can i change the size (width, shape of arrows, etc)?

Thks

 

Corneliu Chitanu

on 22/4/11

Hi,

The scrollbar is customizable through XML, the width, the colors, the position of the arrows and others. You can download our free preview and check out the textscroller.xml file from the textscroller->xml folder.

The shape of the arrows, however, is not customizable using XML. You'll have to edit some movieclips in the flash project to accomplish this.

We are available for custom work. If you're interested, we could help you modifying the component anyway you want to. Just send our team an email at [email protected]

 

elitesa

on 8/8/11

 

Is there any way to add a "script" within the flash component so it will dynamically add content to the site without having to edit the .xml file every time we want to update the newsfeed?

 

Corneliu Chitanu

on 10/8/11

You could dynamically generate the XML file, using a technology like PHP. Or you can set a path to a PHP file, instead of an XML file. However, that PHP file should output everything that our XML file has.

21

Post a comment

Please login to join the discussions. Don't have an account? Register (it takes 30 seconds)

There are currently no frequent asked questions. As soon as we receive your feedback, we'll update this section permanently.

There are no video tutorials for this flash component yet.

There is currently no current change log for this flash component.

There is currently no additional help provided for this flash component.