Flash :: Scrollbar Doesn't Work (tutorial: Object-oriented Scrollbar)

Object Oriented Scrollbar Bug
So, I was modifying the code from Lee's Scrollbar tutorial. Trying to do a scrollbar so I could use it with dynamic content. However whenever I click on the thumb and scroll the content never goes back to the top position. So the top image is cut off half way. I think it is a great scrollbar but for some reason it just isn't working.

Any Ideas why it would do this?

I first on the timeline of my swf, I put this code. to create a ScrollBox
Code:

import ScrollBox;
import ScrollBarEvent;

var myScrolling:ScrollBox = new ScrollBox(sb, contentMC, masker);
addChild(myScrolling);

Then here is the scrollBox Code

Code:

package
{
import flash.display.*;
import flash.events.*;
import caurina.transitions.*;

public class ScrollBox extends MovieClip
{
private var myScrollBar:MovieClip;
   private var myContent:MovieClip;
   private var myMask:MovieClip;
   private var conPos:Number

   public function ScrollBox($scroll:MovieClip, $content:MovieClip, $mask:MovieClip):void
   {
      myScrollBar = $scroll;
      myContent = $content;
      myMask = $mask
      myScrollBar.addEventListener(ScrollBarEvent.VALUE_CHANGED, sbChange);
   }

   private function sbChange(e:ScrollBarEvent):void
   {

      conPos = -e.scrollPercent*(myContent.height- myMask.height)

      Tweener.addTween(myContent, {y:(conPos), time:1});


   }


}
}

Here is the ScrollBar Code
Code:

package
{
import flash.display.*;
import flash.events.*;

public class ScrollBar extends MovieClip
{
   private var yOffset:Number;
   private var yMin:Number;
   private var yMax:Number;

   public function ScrollBar():void
   {
      yMin = 0;
      yMax = track.height - thumb.height;
      this.addEventListener(Event.ADDED_TO_STAGE, init)

   }

   private function init(event:Event):void {
      thumb.addEventListener(MouseEvent.MOUSE_DOWN, thumbDown);
   }

   private function thumbDown(e:MouseEvent):void
   {
      stage.addEventListener(MouseEvent.MOUSE_MOVE, thumbMove);
      stage.addEventListener(MouseEvent.MOUSE_UP, thumbUp);
      yOffset = mouseY - thumb.y;
   }

   private function thumbUp(e:MouseEvent):void
   {
      stage.removeEventListener(MouseEvent.MOUSE_MOVE, thumbMove);
   }

   private function thumbMove(e:MouseEvent):void
   {
      thumb.y = mouseY - yOffset;
      if(thumb.y <= yMin){
         thumb.y = yMin;}
      if(thumb.y >= yMax){
         thumb.y = yMax;}
      //trace(thumb.y);

      dispatchEvent(new ScrollBarEvent(thumb.y / yMax));
      e.updateAfterEvent();
      trace(thumb.y/yMax);
   }
}
}

Object Oriented Scrollbar
ok,

so I implemented the scrollbar from the tutorial in my site, which works nice. But now I would like to add up and down buttons in addition to the handlebar. It shouldn't be too hard i guess, but since i'm not so experienced I need some help with this...

ideas anybody...? Where to start?

thnx,

niels

Object-Oriented Scrollbar
Okay, I solved the mystery. It seems Dynamic Text does not show up through masks...

How do I get that to work then? I changed it to static, but I need dynamic...

Object Oriented ScrollBar At Gotoandlearn
I've been a total fan of http://www.gotoandlearn.com for a long time now. I learned about it in the first place from these forums here, quite some time ago, too. Now that Lee Brimelow is getting into Actionscript 3.0, the site just keeps getting better. Yesterday I watched the two topmost tutorials there (the Object Oriented ScrollBar ones); I even watched the second one twice. I was kind of awestruck. The guy is a genius, and he's a great teacher. It was an eye-opener about OOP for me (not that I've "arrived" yet).

So here's the deal: I have been getting into programming with classes more and more, but I don't have any OOP background or training, except for self-teaching. So you can know how to make classes and packages and how all that works, but then the question becomes what kind of classes of objects should you make so that they are reusable and work together well. Also, what kind of division of labor should you use, like, what should ideally be the responsibilities of each class.

These two video tutorials seem like they've filled a gap in my knowledge and skill set. For one thing, they explain how to create a custom event class and make the scroll bar class use it to broadcast the position of the thumb so that outside code can use it. Now I understand better the role of the event object, even how the existing flash classes implement it.

I just thought I'd pass this along. This is sure to help someone, somebody needs this...

Preloading Object-Oriented Scrollbar V1 And V2
Hi Folks
I got problems when using the OOS with a Preloader.

original OOS V1 works when preloading.
original OOS V2 with external classes , doesn t work propably.
The Scrollbar works, but the content doesn t scroll anymore!

I tried several loader concepts like:

import fl.containers.UILoader;

var aLoader:UILoader = new UILoader();
aLoader.source = "prototype2.swf"; // this is my name for the OOS V2
aLoader.scaleContent = false;
addChild(aLoader);

aLoader.addEventListener(Event.COMPLETE, completeHandler);
function completeHandler(event:Event) {
trace("Number of bytes loaded: " + aLoader.bytesLoaded);
}

or

package {
import flash.display.Loader;
import flash.display.LoaderInfo;
import flash.display.Sprite;
import flash.events.*;
import flash.net.URLRequest;

public class LoaderInfoExample extends Sprite {
private var url:String = "prototype2.swf";

public function LoaderInfoExample() {
var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(Event.INIT, initHandler);
loader.contentLoaderInfo.addEventListener(IOErrorEvent.IO_ERROR, ioErrorHandler);
var request:URLRequest = new URLRequest(url);
loader.load(request);
addChild(loader);
}

private function initHandler(event:Event):void {
var loader:Loader = Loader(event.target.loader);
var info:LoaderInfo = LoaderInfo(loader.contentLoaderInfo);
trace("initHandler: loaderURL=" + info.loaderURL + " url=" + info.url);
}

private function ioErrorHandler(event:IOErrorEvent):void {
trace("ioErrorHandler: " + event);
}
}
}

Always I got the following message:
Error #1009: Cannot access a property or method of a null object reference
at com.leebrimelow.ui::ScrollBar$iinit()
at flash.display::Sprite/flash.display:Sprite::constructChildren()
at flash.display::Sprite$iinit()
at flash.display::MovieClip$iinit()
at com.leebrimelow.ui::ScrollBox$iinit()
at flash.display::Sprite/flash.display:Sprite::constructChildren()
at flash.display::Sprite$iinit()
at flash.display::MovieClip$iinit()
Error #1009: Cannot access a property or method of a null object reference
at com.leebrimelow.ui::ScrollBox$iinit()
at flash.display::Sprite/flash.display:Sprite::constructChildren()
at flash.display::Sprite$iinit()
at flash.display::MovieClip$iinit()
Number of bytes loaded: 59746

Sorry, I m sure this must be discussed already, but I couldn t find any answer

(SOLVED) Object-Oriented Scrollbar 1 Question
I am a beginner in flash coding and I was following the video Object-Oriented Scrollbar 1

At the end of the code where

Tweener.addTween(content, {y:(-sp*(content.height-masker.height)), time:1});

Where the tweener was used in thereâ€¦. However
It does not work for me I am not sure why...
I have followed the code many times and have no idea why it does not work

I have downloaded the caurina package and have the scroll bar moving and everything but when it comes to that code
it is no longer working.

any help will be great.

this is my code ...

Code:

import caurina.transitions.*;

var yOffset:Number;
var yMin:Number = 0;
var yMax:Number = scrollB.track.height - scrollB.thumb.height;

scrollB.thumb.addEventListener(MouseEvent.MOUSE_DOWN,thumbDown);
stage.addEventListener(MouseEvent.MOUSE_UP,thumbUp);

function thumbDown (e:MouseEvent):void
{
stage.addEventListener(MouseEvent.MOUSE_MOVE, thumbMove);
yOffset = mouseY - scrollB.thumb.y;
}

function thumbUp (e:MouseEvent):void
{
stage.removeEventListener(MouseEvent.MOUSE_MOVE, thumbMove);
}

function thumbMove(e:MouseEvent):void
{
scrollB.thumb.y = mouseY - yOffset;
if (scrollB.thumb.y <= yMin)
scrollB.thumb.y = yMin;
if (scrollB.thumb.y >= yMax)
scrollB.thumb.y = yMax;
var sp:Number = scrollB.thumb.y / yMax;
//Tweener.addTween(content, {y:(-sp*(content.height-masker.height)), time:1});
e.updateAfterEvent();
}

thanks for viewing.

Making Up/Down Arrows On Object-Oriented Scrollbar 1
Hey guys,

I have implimented the Object-Oriented Scrollbar 1 into a project I am working on, and now the client wants to add Up/Down arrows to the functionality.

Can someone help me figure out what to do to add that functionality? I was trying to just move the content, but it didnt update the scroller bar, and I am unsure of how to go about this.

This is for a large client, and I do not have the time to re-impliment a new scrollbar system.

Thanks so much!

Object Oriented Scrollbar Made Horizontal Help?
Hey All,

Thanks in advance for checking this out!

I'm new to flash and looking for a little help with the Object Oriented Scrollbar. I've made it horizontal instead of vertical like Lee. But I'm having problems on the bounds of where the thumb bar can move. It stops half way and won't go back to the zero point (the far left).

I've attached the Fla but I think the problem is in the actions so I'll post that here for quick review:

Code:

import caurina.transitions.*;

var xOffset:Number;
var xMin:Number = 0;
var xMax:Number = sb.track.width - sb.thumb.width;

sb.thumb.addEventListener(MouseEvent.MOUSE_DOWN, thumbDown);
stage.addEventListener(MouseEvent.MOUSE_UP, thumbUp);

function thumbDown(e:MouseEvent):void
{
stage.addEventListener(MouseEvent.MOUSE_MOVE, thumbMove);
xOffset = mouseX - sb.thumb.x;

}

function thumbUp(e:MouseEvent):void
{
stage.removeEventListener(MouseEvent.MOUSE_MOVE, thumbMove);

}

function thumbMove(e:MouseEvent):void
{
   sb.thumb.x = mouseX - xOffset;

   if(sb.thumb.x <= xMin)
      sb.thumb.x = xMin;

e.updateAfterEvent();
}

Thanks again for the help!

Object-Oriented Scrollbar 1 Inside Other Movieclip?
Hello,

I made Object-Oriented Scrollbar and its working like a dream. But when i load that movieclip inside other movieclip, it's not working anymore.

What kind of changes I should do for the main movieclip to make scrollbar movieclip work inside of it? I tried to put the code import caurina.transitions.*; in the main movieclips first frame but that didn't make it work.

Can anyone help me with this?

Object-Oriented Scrollbar 1 Error #1009
Hi guys!
I'm trying to follow through Object-Oriented Scrollbar 1 tutorial on the site, and I'm getting the error #1009: Cannot access a property or method of a null object reference.
at scrollbarTest2_fla::scrollbox_1/thumbMove()

Here is my code:
Code:

import caurina.transitions.*;
import flash.events.Event;

var yOffset:Number;
var yMin:Number = 5;
var yMax:Number = sb.track.height - sb.thumb.height;

sb.thumb.addEventListener(MouseEvent.MOUSE_DOWN, thumbDown);
stage.addEventListener(MouseEvent.MOUSE_UP, thumbUp);

function thumbDown(e:MouseEvent):void
{
stage.addEventListener(MouseEvent.MOUSE_MOVE, thumbMove);
yOffset = mouseY - sb.thumb.y;
}
function thumbUp(e:MouseEvent):void
{
stage.removeEventListener(MouseEvent.MOUSE_MOVE, thumbMove);
}
function thumbMove(e:MouseEvent):void
{
sb.thumb.y = mouseY - yOffset;
if(sb.thumb.y <= yMin)
{
   sb.thumb.y = yMin;
}
if(sb.thumb.y >= yMax)
{
   sb.thumb.y = yMax;
}
var sp:Number = sb.thumb.y / yMax;
Tweener.addTween(content, {y:(sp*(content.height-mask.height)),
                     time:1});
e.updateAfterEvent();
}

What am I doing wrong? I thought that I followed the tutorial exactly..!
Thanks for any help in advance

Object Oriented Scrollbar With External HTML And CSS File
Simply put, what I'm trying to do is create a Dynamic Textfield with custom scroll bars via this tutorial (http://gotoandlearn.com/play?id=71), that renders an external HTML file with CSS attached as its content instead of images like in the tutorial.

I've tried a mix and match combination, ultimately, when I test the movie, the scroll bar works, but I see no content to scroll through.

I have attached my project file.

my appreciation in advance.

-Ziul

Object-Oriented Scrollbar: Part 2 - Loading Problem
Hi
happy to be part of Lee family

i tried the tutorial on gotoandlearn.com
the Object-Oriented Scrollbar: Part 2 tutorial
every thing is fine
but, when i load the swf to main.swf

- i can scrol the scroller, but not the content
- i got this error

TypeError: Error #1009: Cannot access a property or method of a null object reference.
at com.leebrimelow.ui::ScrollBar()
at flash.display::Sprite/constructChildren()
at flash.display::Sprite()
at flash.display::MovieClip()
at com.leebrimelow.ui::ScrollBox()
at flash.display::Sprite/constructChildren()
at flash.display::Sprite()
at flash.display::MovieClip()
TypeError: Error #1009: Cannot access a property or method of a null object reference.
at com.leebrimelow.ui::ScrollBox()
at flash.display::Sprite/constructChildren()
at flash.display::Sprite()
at flash.display::MovieClip()

the scenario is:
- the main time line play and stop at 56.
- at 56 the main.swf loads the sec1.swf

any help please to fix this prob
Thanks in advance

"Object-Oriented Scrollbar 2" Question
I watched the videos on how to make the object-oriented scrollbar (great tutorial btw) and I'm using it in my own small project right now. But I ran into a problem:

I have the scrollbar on the stage and I customized it to fit the project .The content layer with the content movieclip has textfields and input textfields in it. When I move the thumb/ scrollbar the text scrolls fine but you can't see the text input fields. I receive no errors and I followed to tutorial correctly, so technically everything should work fine, but my text input fields are not appearing (I even tried importing different things into ScrollBar.as and ScrollBox.as ( import flash.text.*;) but the textinputs still don't show).

Any ideas?

Thanks.

Scrollbar Doesn't Work?
hi all,

i'm trying to attach a scrollbar to my guestbook and for some reasons it just doesn't scroll?!

please look at the attached file and let me know if you're able to get it to work.

thanks!

michael

ps. the file is in flash mx version

Scrollbar Doesn't Work With This
Hi,

I have created a button that when pressed it loads up some text from an external source. Since there is more text than the actual size of the text box I wanted to add a scrollbar to it but when I drop it onto the text and run it, it doesn't work can anyone help me please. this is really important to me.

Scrollbar Component Doesn't Work
hello, I'm having trouble getting my scrollbar component to work with a dynamic text box. I have another input box that you type into and press enter to pass the content to the second text box. The problem is, when the text is passed, the scrollbar doesn't seem to realize that text has been passed to it's object.

The files are found here:
http://www.fusionmedia.net/help/
there's an SWF and a ZIP containing the FLA used.

Please Help?

Thanks Guys!

Scrollbar Doesn't Work-Whyyyyy?
Hey everybody!

I've already posted this message before but I haven't solved the problem yet. For some reason the scrollbar doesn't work who knows why. Can anybody help me, please?

The files are attached to this message so you can take a look at them. I would REALLY appreciate your help. If you help me, I'll send you a virtual kiss!

Thanks a lot!

Scrollbar Doesn't Work With Mozilla And Opera
hello out there...

i've got a "little" problem using the scrollbar-component and a dynamic textfield within a flash-movie. i hope there is somone out there who can help me. it works perfect with ie but mozilla firefox and opera don't like it. it won't work. the scrollbar is visible but you can't scroll.

please help... i've searched and searched but couldn't find an answer yet!

greetz
das.pat

ScrollBar Doesn't Work With _root In Main Mc
Hi all!

I'm trying to load a text with scrollBar in a main movie. I have main_scrollbar.swf and scrollbar.swf. My scrollbar is loading in a blank movie clip "contentmc" of the main_scrollbar.swf

I use : _root.contentmc.loadmovie("scrollbar.swf");

My problem is:

I can't make the drag and drop works once the movie is loaded into that mc. I can't drag, when dropping the target doesn't seem to be working. The drag just goes back to its beginning position.

My drag and drop is a nested movie
Here the code:

on (press)
{

this.startDrag(false, 0, 0, 0, _root.scrollBarMax)
this.onEnterFrame = function() {

yPos = this._y //this._y
scrollPos = (yPos/_root.scrollBarMax)

_root.loadedInfo.scroll = Math.round(_root.loadedInfo.maxscroll * scrollPos)
}
}

on (release)
{
//stops this Movie Clip from being dragable
this.stopDrag()

//stops the above enterFrame function
delete this.onEnterFrame
}

on (releaseOutside)
{
this.stopDrag()
delete this.onEnterFrame
}

When I run my scrollbar.swf ALONE it's working fine.
I think it's something to do with _root.scrollBarMax and _root.loadedInfo (instance name) cuz it's calling a variable and an instance name which located in main timeline of my scrollbar.swf

If yes, does anyone know how to fix that?? Please I'm desesperated need help

Scrollbar Doesn't Work With Dynamic Text
Hello, folks

I made a script that retrieves mysql data every second and append it to the text contained in a dynamic text box that have the built in UI component "scrollbar" attached to it.

The problem is that the incremented text string doesn't have any effect on the scroll bar. Thus, the text gets bigger than the textbox and I can't scroll at all.

But I've noticed that the scrolbar would work when the text isn't called dynamically (put directly in the textbox in the *.fla file).

Is there any reason ??

Thanks for helping !!!!

Scrollbar Doesn't Work With Dynamic Text

Hello,

I made a script that retrieves mysql data every second and append it to the text contained in a dynamic text box that have the built in UI component "scrollbar" attached to it.

The problem is that the incremented text string doesn't have any effect on the scroll bar. Thus, the text gets bigger than the textbox and I can't scroll at all.

But I've noticed that the scrolbar would work when the text isn't called dynamically (put directly in the textbox in the *.fla file).

Is there any reason ??

Thanks for helping !!!! :)

Scrollbar Component Doesn't Work With Flash Player Version 5?
hi all,

I've created a MC that contained a scrollbar component.

When I publish the swf down to flash 5 version (by choosing publish setting....), I was told that that featured is not supported on flash player version 5.

Any solution?
(it really must be played on flash player version 5 on my client's machines)

Thanks for answering

Weird Scrollbar Problem: Doesn't Work The First Time Presented, Does Later.
The news scrollbar doesn't work when the site first loads, but if you visit any other section and then return home (hit the logo for Home) it works fine. Any clues appreciated!

http://www.cscproducts.com/v2/v2.html

Thanks,
Cos

Scrollbar Doesn't React To Textbox
Hi Guys!

i have a strange problem here which drives me absolutely nuts and stalls all my work progress at the moment...

in my movie the Scrollbar component just won't react to the according textbox. it just stays there where i put it, doesn't dock in or actually scroll text.

it works fine everwhere else, just NOT in this particular movie!

i've tried everything and am getting quite desperate. did anyone encouter similar problems before? what could be the reason for this strange behaviour?

i would be glad for any kind of help! if you want so check it out, you can find my movie here:

http://www.steinmannbob.ch/GuestBook/GuestBook.fla

(it's supposed to be for this site:
http://www.steinmannbob.ch)

Scrollbar Doesn't Control Movieclip
Hello all,

Let me describe what I'm trying to do. I've got a movieclip that is 200 frames long. I want to control this timeline with a scrollbar. This scrollbar is located outside the MC. In the timeline I've got the following code

uhr.gotoAndStop(0);
slider.onPress = function() {
startDrag("slider", true, 506.12, -324, 506.12, -112);
clipInterval = setInterval(uhr, 10);
function uhr() {
uhr.gotoAndStop(handle._y-150);
}
};
handle.onRelease = function() {
clearInterval(clipInterval);
};

I can move the scrollbar without problems but the MC doesn't move with it. Another problem I'm having is when I release my mousebutton it still controls the scrollbar.

Can anybody help me........I'm using Flash 6 by the way.

Scrollbar Component Doesn't Update
I'm loading text in an XML file through an XML object in Flash 04. If there's enough text in the dynamic text box the scrollbar component will scroll properly. However, if I scroll to the bottom of the text and then click another button to load new text the scrollbar component does not reset itself to the top of the same text box.

Is there a simple workaround in AS to achieve this? Or does one have to build their own (hopefully not the later).

Appreciate any advice.

Scrollbar Problem - How To Load Text And Have The Scrollbar Default To Bottom Onload?
Hi,

I am currently working on a project whereby I need to display text in a scrollable area that refreshes every 2 seconds. I have the text loading ok but there is some extra functionality that I require.

At the moment I have a PHP application that uploads text files and adds the latest comment to the end of each text file. If you open the text file you can see the older comments at the top and the latest comments at the end. In the flash movie, I need the text file to load and the scrollbar to default to the bottom of the flash movie - that way, the latest comments will appear at the bottom of the screen and you can scroll up to the older comments.

I am not sure how to do this as I have just used the built in Flash components to get what I have so far.

Any help is appreciated.

Thanks,
Martin

Scrollbar Tutorial
I am looking for a tutorial to create a scrollbar for dynamic text.

I can find many but I am looking for one that does NOT modify the scrollbar height.

Could anyone point me towards one?

Thanks

Scrollbar Tutorial
Hi
I wanna make a scrollbar -- nicely-looking and smoothly-moving alike. Something like this one: http://www.templatemonster.com/flas...lates/5109.html. Could anyone provide me with some tutorial or at least a fla file?

As3 Scrollbar Tutorial
is there any as3 scrollbar tutorial
but not for scrolling only text. i need it to scroll also images and text

Scrollbar Tutorial
Hi
I wanna make a scrollbar -- nicely-looking and smoothly-moving alike. Something like this one: http://www.templatemonster.com/flash...ates/5109.html. Could anyone provide me with some tutorial or at least a fla file?

Thanks a lot

Scrollbar Tutorial
anybody knows where can i get a very good and simple scrollbar tutorial???
i've tried one or two but they are not such detailed..

Scrollbar Tutorial?
I was wondering if anyone knew of a nice scrollbar tutorial?
I want to create a custom scrollbar, the UIScrollBar component looks quite nasty on my site. It doesn't match with the rest of the design.

I noticed that there was a tutorial for this here on kirupa. But I found that tut a bit difficult so if anyone has got another one I would like to give it a try!

So long friends

Scrollbar Tutorial
Ive made a scrollbar for my site, it works, but how do i change the size of the font and such?

Scrollbar Tutorial
anybody knows where can i get a very good and simple scrollbar tutorial???
i've tried one or two but they are not such detailed..

OO ScrollBar 2 Tutorial
I am a little confused. In this tutorial, in the ScrollBox class, lee has:

sb.addEventListener(ScrollBarEvent.VALUE_CHANGED, sbChange);

Why is the scrollbar listening for an event which is dispatched from it's own class? Shouldn't the ScrollBox class be listening for the event which is dispatched from the scrollbar and then take action accordingly? Just seems reverse from my logic, hope someone can clear it up for me.

Tutorial For Making My Own Scrollbar?
I'm developing a site in which I have a fixed content area. (My background image cannot repeat.) I originally thought I would just put together some sort of DHTML script with a few layers and some onMouseOver effects. However, I've decided it would simply look and function much better if I did it in Flash. The problem is, I don't know a thing when it comes to Flash. I was hoping to find a tutorial so that I could create my own scrollbar. I'd like this scrollbar to emulate your standard windows scrollbar and be linked to an external .txt file.

Is all of this possible for a newbie?