Mí Nopal.

Como hacer una caja de texto con barra de desplazamiendo en flash y el texto, cargado dinamicamente.

One question that often appeared in my mailbox or on the forums regarded creating a text scroller that worked when text was loaded from an external text file. I had told users that it was not possible to create that effect until a user (Ged) e-mailed me with a link to Macromedia’s tech note (no: 16142). In his link, I found out how to create the text scroller and make it work easily. So, here is the tutorial to help you out!

The following is an example of the animation you will have created by the end of this tutorial:

[ the text in the scroll box was loaded from a location on the server ]

Creating the Text Scroller:

1. Create a new movie by going to File | New. Set the width and height of your movie to anything you choose.
   
2. Click the Text Tool icon from the left. The Properties panel should appear. Select Dynamic Text from the drop-down menu on the bottom-left:

[ select Dynamic Text ]

1. After you have selected “Dynamic Text”, draw your text box. Make the text box large enough to contain several lines of text:

[ the white rectangle above is the text box ]

1. Now that your text box is drawn, select the text box with your mouse pointer. In the Properties Panel, replace <instance name> on the left with the word scroller:

[ set the instance name of the dynamic text to scroller ]

From the Properties panel, make sure you select Multiline for the line type. That ensures your text wraps as opposed to displaying in one huge horizontal line.

1. Now, make sure your Components panel is visible. To display the Components panel, go to Window | Components or press Ctrl + F7. The Components panel will be visible on the right.
2. From the Components panel, drag and drop the Scrollbar Component on top of the text box you just created. The scrollbar will automatically resize and snap to your text box:

[ the scrollbar automatically snaps to the text box ]

1. The final step to our Flash movie involves adding the action. Right click on a keyframe on your timeline and select Actions. The Actions dialog box will appear. Copy and paste the following code into the Actions dialog box:

loadText = new loadVars(); loadText.load(”kirupa.txt”); //creating the loadVarsText function loadText.onLoad = function() { scroller.text = this.kirupatext; };

Continue reading ‘Scrolling Dynamically Loaded Text’