group 94 style news scroller script

[devonair]

Several folks were asking how to make a news display/scroller thingie similar to the one by group 94 seen here: http://www.carldekeyzer.com/

Did some playing around and came up with this one: http://www.onebyonedesign.com/flash/newsScroller/

There is no .fla available, but if you look to the bottom right of the news display box there are links to the full script (with comments galore) and the xml which feeds it..

hope it might help someone out..

d.

[Millad]

Wow thank you man thanks :hugegrin:

[eurosickwitit]

nice thing to do

[ramie]

You release some tasty stuff man, I found your yugo style TextShuffle class a while ago off your site and its the best if not the only solid example of that effect with AS2 ive found on the net.......

a million cheers for teaching me how to acheive that, was quite easy when I studied your code :)

[devonair]

thank you for the kind words :)

[billystar]

well done!

thats a great effect. im sure lots of people will get good use from it :D

[G]

thats awesome :)

[stringy]

I agree with the others, looks great

[chrisisjargon]

is there anyway a .fla could be posted for this so i can look at it as i have looked at the code and become completely stuck being a newbie, so impressed with the news scroller want to recreate it but just get myhead round it :0(

thanks all

[pom]

Nice job :stunned: That effect is really beautiful.

This doesn't look quite as good (it's not supposed to be exactly the same thing) but here's something I've done a while ago: http://www.actionscript.org/showMovie.php?id=1062 The code is a mess though :-/

[jvanderh]

Thanks for sharing this devonair!

I'm playing around trying to get this to work, but it's not going my way. Which items would I need to create and put on stage with specific instance names to display the items?

Thanks,
Joris

[GW02]

That is VERY nice, devonair, good work!

[devonair]

Thanks for sharing this devonair!

I'm playing around trying to get this to work, but it's not going my way. Which items would I need to create and put on stage with specific instance names to display the items?

Thanks,
Joris

Well, let's see.. on the stage there is the green box thing you can see that displays the larger news items - it has the instance name "block_mc". Immediately above that and the same size is just a rectangular movie clip used as a mask named "mask_mc".. the up and down buttons I also placed on the stage.. Linked for export in the library are two movie clips each with 2 text fields named "hl_txt" (headline) and "info_txt".. I gave the dimensions in the comments.. the linkage id's are "newsItem_lg" and "newsItem_sm"... that should be enough for stuff to start happening when you test the movie.. you can start playing around from there.. hope that helps out for anyone trying this..

d.

[jvanderh]

Thanks for the info devonair...seems like it's working now. :)

[jvanderh]

While trying to modify this script to my liking, my head's getting stuck on the maths.

I'm trying to achieve something like this:

http://users.pandora.be/verbal/news/news.swf

Small news items only contain the headline and are 15px high. Large news items contain the headline and teaser txt (100 px high).

Above and below the large news box I only want to see 2 small items. I assume this is possible by adding a mask to the small items. The problem I'm having is with the scrolling and alignment of the small items. I've tried changing the small scroll amount and the small items y-value without any luck. How can I align these items correctly? The x-value is not problem, it's just the calculations for the y values.

Thanks,
Joris

[jvanderh]

Nevermind the question above. It seems to be working now...I don't exactly know how, but it works. :)

[Macro-design]

Nice code... But there's one bug, if you click on the items they move to the selected item. That's okay, but if you click two different in a row, the whole thing gets messed up. Try clicking some items quickly after each other, and you'll see what I mean.

Elsewise, really nice work.

[VersusMG]

Can the same thing be done with pictures instead of text? I have a client that this kind of effect would be perfect for.

Thanks!

[mlkedave]

Thanks!

[devonair]

Nice code... But there's one bug, if you click on the items they move to the selected item. That's okay, but if you click two different in a row, the whole thing gets messed up. Try clicking some items quickly after each other, and you'll see what I mean.

Elsewise, really nice work.

picky picky..lol.. fixed now, though.. thanks for pointing out my weaknesses to the world.. :pa:

EDIT: spoke too soon.. still does it, if you got a super itchy clicker finger.. Ah well - whattaya expect for free...

Can the same thing be done with pictures instead of text? I have a client that this kind of effect would be perfect for.

Sure. why not?

Thanks for the feedback, all..

[vectorcinco]

Please,somebody can upload the fla??

[VersusMG]

I didn't know where in the script it was giving the x and y position for the block_mc and mask_mc. No matter how big or small i make the block_mc it always gives me about 100px of space on the top of the big news section.

:) Thanks

[Danno]

I keep getting erros trying to impliment this... is there a way someone who has gotten it correctly could upload an .fla? Thank you!

[KillerSpaz]

First time really contributing to the scene...

Just picked up flash about 2 weeks ago.. been having fun.. Found this thread, thought it was cool.. but there's WAAAYYYY too much code (my 84 lines vs devonair's 202 lines)..

I obviously decided to rebuild this project from the ground up.
The only thing I didn't implement was linkage for the links as that can vastly change from one project to another.

Sample XML and SWF are provided in the ZIP for viewing.

There's no setIntervals, based strictly on minor math equations and logic. It SHOULD be pretty straight forward, although may require some testy configuration on your part (nothing too difficult though)

I'm normally on IRC (efnet #flash or #actionscript) as KlrSpz or gamerD00d if you have questions.... I don't normally browse forums too too much in order to be "on top of things" as far as replies go.... Just a hint if you want help...

Anywho, enjoy, hopefully it works for those needing help..

--EDIT--
As per request of POM, here is a live demo:
http://chazb0tt.com/upload/files/gamerD00d/neatMenu/index.html (http://ice.prohosting.com/%7Edlhere/neatMenu/)

[TheCanadian]

That is a really cool menu. Love the bouncing effect.

[pom]

Can you please post a preview?

[chrisisjargon]

that is one sweet menu killerspaz thanks for posting.....

[KillerSpaz]

As per request of POM, here is a live demo (also edited original post (http://www.kirupa.com/forum/showpost.php?p=1619531&postcount=24)):
http://chazb0tt.com/upload/files/gamerD00d/neatMenu/index.html



But now I actually have a question.. How in the hell do you put HTML in your XML file?!?

If I want links or some such, i figured it'd be like
<node>Text <a href=....>linked text</a></node>

but when it reads in, it only reads (exactly) "Text ".... that's annoying!
Yes the text boxes are set to render HTML text, but this is returned in trace and still only showing up until HTML tags.. I've tried html-entities with no luck...

--Edit--
Ok, I had 2 problems with the code (updated in the original post (http://www.kirupa.com/forum/showpost.php?p=1619531&postcount=24))..
1) The XML wasn't using CDATA in order to get the proper data out of the node, and
2) I wasn't using .nodeValue... I was just reading the node itself...

This is working, but it acts very weird in that whenever I have an HTML link, the actual clickable portion extends to the bottom of the textarea... This isn't wanted really... Anyone have any knowledge/ideas?

--Edit 2--
K, last edit I hope!! Turns out that I needed a <BR> at the end of my link... I don't think this is necessary if you have more text.. And at the current time I don't have a bunch of time to test it... I'm updating the code in the originating post now..

[chrisisjargon]

Does anyone know if its possible to add a picture to each item as well, which would lead to the staging part needing to be made larger to fit all this, or would this just mess the code up

[chrisisjargon]

forgot to mension this is using killerspaz example

[bleach20xx]

thanks to everyone who posted examples & codes. This is a very cool feature that I'll study and hopefully be able to use at some point in future projects.

Thanks again

[KillerSpaz]

Does anyone know if its possible to add a picture to each item as well, which would lead to the staging part needing to be made larger to fit all this, or would this just mess the code up

Yeah you can expand the stage, just make sure you also expand the mask to match....

As far as the technique, I'd use loadMovie and move it or something... I'm not sure how to include img tags in textareas.. I'm at work right now so I can't really try it out - but hoepfully you or someone else can..

[Gupps]

how come i can't seem to use other font types other than tahoma. I know this is stupid question but can anyone help me out. I tried embedding the fonts.

[jimhere]

I found that making the font Smaller worked.

[modulater]

this is a really cool newsscroller. Anybody can tell me how to expand this xml flash scroller with an image for each newsitem? Just like they did on the carl dekeyzer site. Would be awsome.

[jvanderh]

Great stuff KillerSpaz!

Just one strange thing I noticed...if you give the title and the text of a large news item a different font, the header isn't displayed any more...any idea what might be causing this?

[Gupps]

seems to me that you have to stick to one particular font. also my fonts aren't crisp even after setting them to whole numbers and using pixel fonts. Any other solutions?

[KillerSpaz]

hmm.. it all works fine for me..

sorry about the super-long delay.. but i did warn you in my first post :)

[hex0r]

Hi everybody!

I've been playing with KillerSpaz fla trying to change bits and pieces to configure it to my needs. Somehow I 'm loosing xml data after mouse over. Do you have any ideas if comes about solving my problem. Also KillerSpaz, have you think about options for attaching image for newsItem_lg?

Underneath you can find my source files. Appreciate any help guys

http://www.cbtsystem.pl/menu.zip

hex0r

[Leprechaun]

Can i have the source file? ive been playing around but i cant get it to work :(

[jdesign]

hmm.. it all works fine for me..

sorry about the super-long delay.. but i did warn you in my first post :)

Hi KillerSpaz, THx for the fla. I have a question, is it just me or the scroller need to be in flash player 7 for the AS to work? Is there a way to change the AS so it'll work with Flash player 6? because I need to load the scroller from another flash movie that only loads flash 6 mc . Thank you :)

[tpspoons]

i know im reviving an old thread here but im still a noob in as and i know basicly nothing in xml, and i was hoping maybe somebody managed to create a version of this with pictures able to be loaded through the xml document? Also i noticed on the website they have a date on each one of the news items, how would that be done?

[simplistik]

how would that be done?
Pay me $$ and I gaurantee it'll get done for you :P

[JoshuaJonah]

lol

[Loststarz]

Also i noticed on the website they have a date on each one of the news items, how would that be done?

By adding tags for date inside the XML file, then adding some code the the .fla telling the MovieClip how it should parse and display the date data it receives.

[aznrascal88]

hello i was wondering how would i add the read more btn on to this???
thank you

[sdpkelkar]

Awesome! thanks for this devonair and KillerSpaz

[rdj]

How do i use devonairs version??

[drivebass]

Killerspaz + devonart this is awesome. thank you.

[ostmalm]

i'm trying to load this scroller into another mc via mvl
works fine when using the arrows but clicking/releasing the "news item sm" (the small "headline" ) wouldn't move the scroller when loaded into the other mc.
i changed the _root. in the "news item sm" mc to _parent.
but this didn't help- i'm obviously totally wrong


fla ( flash 8 ) and xml attached

any help is appreciated

[phaseworks]

I want to ask why the AS var lgNewsEase:Function = Bounce.easeOut; does not work when i put the news movie clip on the next frame ,, i try to changes the layout and put the news movie clip to another fla. file on the next frame precisely,,, let me know if i am not clear enough and i appreciated any feedback. Thanks


Several folks were asking how to make a news display/scroller thingie similar to the one by group 94 seen here: http://www.carldekeyzer.com/

Did some playing around and came up with this one: http://www.onebyonedesign.com/flash/newsScroller/

There is no .fla available, but if you look to the bottom right of the news display box there are links to the full script (with comments galore) and the xml which feeds it..

hope it might help someone out..

d.

[phaseworks]

Hi I just notice that the Boounce does not work properly because it has to be on 60 fps ,, so what i am asking how to make the bounce work on a 12fps stage???

Thank you for your time

Several folks were asking how to make a news display/scroller thingie similar to the one by group 94 seen here: http://www.carldekeyzer.com/

Did some playing around and came up with this one: http://www.onebyonedesign.com/flash/newsScroller/

There is no .fla available, but if you look to the bottom right of the news display box there are links to the full script (with comments galore) and the xml which feeds it..

hope it might help someone out..

d.

[phaseworks]

Hi I just notice that the Boounce does not work properly because it has to be on 60 fps ,, so what i am asking how to make the bounce work on a 12fps stage???

Thank you for your time

First time really contributing to the scene...

Just picked up flash about 2 weeks ago.. been having fun.. Found this thread, thought it was cool.. but there's WAAAYYYY too much code (my 84 lines vs devonair's 202 lines)..

I obviously decided to rebuild this project from the ground up.
The only thing I didn't implement was linkage for the links as that can vastly change from one project to another.

Sample XML and SWF are provided in the ZIP for viewing.

There's no setIntervals, based strictly on minor math equations and logic. It SHOULD be pretty straight forward, although may require some testy configuration on your part (nothing too difficult though)

I'm normally on IRC (efnet #flash or #actionscript) as KlrSpz or gamerD00d if you have questions.... I don't normally browse forums too too much in order to be "on top of things" as far as replies go.... Just a hint if you want help...

Anywho, enjoy, hopefully it works for those needing help..

--EDIT--
As per request of POM, here is a live demo:
http://chazb0tt.com/upload/files/gamerD00d/neatMenu/index.html (http://ice.prohosting.com/%7Edlhere/neatMenu/)