ActionScript 3.0 :: Scrolling Styled Text As An Image?
Dec 21, 2009
I am putting together a site and need to input some text that I have styled in illustrator as a graphic element into my flash page. The text is much longer than my page length, so I would like to import the text into some sort of display object (which has the correct dimensions to fit to the page) and then attach a scroll bar so that users can drag up and down to read the text.
I unsure how to import the text (which is essentially an image) into a display object on the stage and make it work with my scroll bar.
It would be great if anyone could point me in the right direction, I'm sure it can't be too hard, but my brain doesn't want to engage properly.
ps, my code for the scroll bar, which i wrote to work with a dynamic text box is;
I have made a movie that load text from an external text file and styles it using an external CSS sheet. Everything is running properly except that the links sometimes "jump" when I move my mouse over them.
Here's a link to the file, try and move you mouse over the "aliquet" link (red underlines text) towards the middle of the text: [URL]
I've managed to piece together a flash website with my limited as3 knowledge. The text is loaded from external text files and styled with an external css file.
It's working perfectly in Firefox and Explorer but it only works SOME of the time in Safari (on my mac).It's hit and miss. Sometimes it styles the text sometimes it doesn't.
I am hoping that one of you may be able to assist. I am running into a situation where I am unable to style dynamic text fields being populated from an XML document. Situation is such. I am using one XML document to populate the text through out my flash site. This is being done by breaking apart the individual nodes from the XML doc and setting the text property of the desired dynamic text field. When attempting to use CSS to style the dynamic text field, I am unable to render any sort of styling. However, if I choose to load the entire XML document into a single dynamic text field, I am able to render the styles.
I have spent quite some time digging around on the net looking for a solution, tutorial or a slight glimmer of hope. I have not been able to turn up any information other then XML being used to populate single text areas. There has to be some practical solution, other then using separate XML documents for each of the desired text areas. Below is a snippet of my code, so you may get a sense for what is being done. Perhaps, there is a flaw in my code I am over looking.
I purchased this of-the-shelf module which contains an scrolling dynamic field linked to an xml file containing the actual content.I am now trying to add some styling to the xml file so my content does not all look the same.The issue I need help with, is that when I connect the new xml file (which now has css styling, which works fine in a browser) to the dynamic field I can a one word starting with "UN" (sorry did not write it down).I need help with making the FLA (and then SWF) read the xml file and apply the CSS to it as well.[code]
currently have an external txt file being loaded into my website which is working awesome. Now what I want to do is style a couple of different parts of the txt file. For example: I have an actors name and bio. I want the Actors name to be one style and the bio to be another.Is this possible? I have searched the net and can find you can style it, but it seems that all the content has to be within the actions panel. I would like to have an external file as the actors bio is always going to change and it would be less work for me to just update the txt file.
I currently have an external txt file being loaded into my website which is working awesome. Now what I want to do is style a couple of different parts of the txt file. For example: I have an actors name and bio. I want the Actors name to be one style and the bio to be another.
Is this possible? I have searched the net and can find you can style it, but it seems that all the content has to be within the actions panel. I would like to have an external file as the actors bio is always going to change and it would be less work for me to just update the txt file.
What I'm trying to accomplish is similar to Wordpress widgets. When you take a hold of a widget, you can drag and drop it in between / in place of another widget and the previous placeholder moves aside...
For example, if you had two movie clips beside each other like so:
[ 1 ] [ 2 ]
You click and drag [ 1 ] over to the right, and [ 2 ] moves into place of [ 1 ]. Thus ending up like so:
[ 2 ] [ 1 ]
Follow the link below to see a .mov of exactly what I'm talking about:[URL]
I've created a jQuery plug-in that allows a selected panel of a web page to be pinned to the top of the browser view-port when the user scrolls a long page after passing a particular horizontal point on the page.When the panel is pinned or unpinned, a strange thing occurs: if a Flash SWF object is present as a descendant element of the container, the Flash object either restarts its animation or disappears completely.The pin or unpin change occurs when the CSS property "position" switches between fixed, absolute and static. This forces Firefox to redraw its elements and it causes the <object> to reload and reanimate the Flash movie. I read this post with interest:URL...
Does anyone know of a workaround that prevents the <object> tag from reloading? I admit the Flash is an ad, but this problem only occurs in Firefox. Although there are suggestions that this may be a bug, I have searched without success and I'm scratching my pate with a deadline fast approaching.
I have a dynamic text filed scrolling with a drag button on a track or the mousewheel. What I am trying to do now is have the scroll button and track not visible if the content is smaller than the text field.
ActionScript Code: //this if statement not working as should. button and track are always invisible. //txt is text field name if (txt.textHeight < txt.height){[code]......
Noob question, I hope. I need to create scrolling text areas with rich text format content. I know I can use the textArea component and set the htmlText property but converting all of my RTF to HTML is gonna be a major pain in the @$$. I keep getting into trouble thinking what's mindlessly easy in Director/Lingo is gonna be reasonably simple in Flash/AS3, I hoping this is just my inexperience with Flash getting in the way. Is there an easier way? I thought of embedding a PDF document but apparently that's not an option in Flash either (note: I know how to link a PDF doc, I need this text to display and scroll within the application, not just pop a new window on top).
how to allow the user to scroll a graphic either right or left. when the user moves the mouse to the left or right side I want the image to move the other way (if mouse is at the right the graphic moves left), but stop when when the user gets in the end of the image.
I need to develop a scrolling image bar, I have never ever used a 'scroll bar' in flash. What it needs to do is have around 10 thumbnail images, that you can scroll left to right to, then when you click the image enlarges?
I have come to a solution where I use an invisible button (covering the whole movie) where the action takes place in. Problem is, I can't put buttons on it because the invisible button blockes them.Does anyone know an other solution of making my background image scroll like the example site?
I have a simple text box with a UIScrollBar component added to it.
The text box properties are set to "input text, multi line.
The problem is when I want to change just one line of the text to a bold or a different color, the whole text box contents changes. I've tried different property setting for the text box itself with no luck.
So I've found many people trying to do this[URL].. but with actionscript 3.0 and not 2.0.
I'm not a coder by any means, but I've kinda translated most of it except for the scrolling part.
This is what I have so far:
[Code]...
as you can see, some of it is hidden as I was afraid to delete things I might end up needing later. The position of the gallery is at an exact place, and the xml file is perfect. The only problem I'm having is with the scrolling part. I keep getting an error in the function scrolling code that says that a property of mask_mc is being called wrong. I also have learned that the createEmptyMovieClip is not as3 but as2, and that that is also wrong. I'm just trying to get the scroller to work.
I don't do much flash but can sort of get myself around. I'm having issues with a classic tween in CS4. I have a jpeg of magazine covers inside an MC that repeats a scrolling left movement. The client has commented that it comes across a little jerky and isn't smooth enough.
I'm making a side scrolling platformer and I wonder why image movement is so choppy, especially if velocities arent whole numbers? Images I'm using are: one 320*350, one 500*500 and few of 50*50 all in PNG format with alpha support and cached as bitmap. Framerate is 30FPS.
There's this cool site [URL] it has great image views, was wondering, how do they do that scrolling before and after effect? I am not too great at scripting, but would like to learn, seems great for portfolio presentation.
I have a very loooong image, all I want is to scroll left and right on mouse over. I´ve already searched extensions, everything I find is for multiple images. Here´s an example of what I want to do [URL]
I've got a 800x600 document that has a panoramic picture scrolling horizontally and buttons in the image.
i've got this piece of code for AS2.0
[Code]...
Otherwise it is working all good, but I'd like it to stay put at the start. Right now it immidiately starts scrolling to right unless I move the mouse on top to stop it. So ye, i need to have it sitting still and only scroll when the mouse is at the edges of the document.
Is it possible to keep an image at a static location on the screen when the page is scrolled down?
For instance, if I have a .swf with properties of 1700 px height and I am displaying an image (jpg) in a loader whose y position is 40px from the top of the screen when viewed in a browser.
is it possible to "float" that image so that it stays 40px from the top of the browser window when the user scrolls down to see the rest of the page?
I'm trying to set up a gallery and have a grid of thumbs displayed, each of which open a full-sized copy of the image on the thumb.
The thumbnails go beyond the bottom of the screen and when I scroll down to see more thumbs, if a large image is displayed at the time, it scrolls off the top of the screen.
I have created an image thumbnails MovieClip, that has bunch of thumbnails in it.Problem is that there is no scrolling in it. I cant specify any width or height of the movie clip to limit it.I think I have to use Mask, but not sure how or even if it is the right approach.All I need to do is for the thumbnail_container to scroll if the number of images are more then stage can show.
I come across this again and again in flash. Using the default timeline based tweening (with the FPS set to 24)...is there any way of smoothing out the jerkiness? any AS i can add on frame 1 for example?
Is there any way that i can smooth out images that zoom in/out with normal classic tween. they are so jittery it looks terrible. I even have a little bit of easing and frames per second set to 30.
I have a scrolling background to mimic the effect that my "character" is walking around. It moves according to my up/down/left/right keys. The problem is I can go too far "up" and my background slowly reveals the white stage beneath it.Is there a way to set a parameter or restriction on this image that once the top side of it hits the top of my stage it can no longer continue moving down?
