Solved

Creating and attaching dynamic movieclip to scrollpane

Posted on 2003-10-31
11
866 Views
Last Modified: 2008-01-16
Hi,

I am trying to create movie clip on fly at run time and load it in a scrollpane. I have a basic movieclip "nk" which consists of an image area and text field. After getting the data from DB, I want to create a main blank movie clip which will have duplicate movie instances of "nk" (it is in library) with different images and text. After creating the main movie clips, I want to attach it to scrollpane. here is the sample code which I am using:
========
_root.createEmptyMovieClip("myscroll",0);

for (i=0; i<5; i++){
   myMovie = "myMovie" + (i);
   _root.myscroll.createEmptyMovieClip(myMovie,i);
   var x = i + 5;
   var mc = _root.myscroll[myMovie].attachMovie("nk", "NK", i);
   mc._y = 100 * (i+1) + 20 * i;
  // mc._x = 135;
}
myScrollPane.setScrollContent(_root.myscroll);
myScrollPane.refreshPane();
====================
After attaching "myscroll" to scrollpane, it shows image only for the first nested clip. It shows the text for all clips but text goes out of bound of scrollpane. It appears the images are not visible except the first one. I want:
1. To display image for all the clips and
2. to keep the text within the component which should appear on scrolling.

Thanx in advance for your help.

NK
0
Comment
Question by:nk94555
  • 4
  • 4
11 Comments
 
LVL 27

Expert Comment

by:negatyve
ID: 9661704
• remove myscroll movieclip from the stage
• create an empty movieclip in the library
• give it a linkage, for example "myscroll"
• change your script to:

====================
myScrollPane.setScrollContent("myscroll");
var sp = myScrollPane.getScrollContent();

for (var i = 0; i < 5; i++){
      var myMovie = "myMovie" + i;
      var nc = sp.createEmptyMovieClip(myMovie, i);

      var mc = nc.attachMovie("nk", "NK", i);
      mc._y = 100 * (i+1) + 20 * i;
      // mc._x = 135;
}
myScrollPane.refreshPane();
====================
0
 

Author Comment

by:nk94555
ID: 9661720
Hi,

I tried the similar thing earlier but it has the same effect. I can email you fla file if that helps.

Thanx,
0
 
LVL 27

Expert Comment

by:negatyve
ID: 9661724
it is better if you post it on a public server (due to EE guidelines)
0
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 

Author Comment

by:nk94555
ID: 9661730
Hi,

That is difficult, i don't have access to any public server. email is the best way.
0
 
LVL 27

Expert Comment

by:negatyve
ID: 9661757
0
 

Author Comment

by:nk94555
ID: 9662157
Hi Negatyve,

Thanx for creating the fla. Yes it works fine and I also figured out the problem in my fla. I have defined the textfield "nk" as dynamic field while in your case it is static. If you change it to Dynamic you will see the problem.

I need to keep it dynamic because I will fill these text values from database. One more thing I also need to keep a movie clip area in these clips where I will fill the corresponding images from our server. Project is to get 50 images and corresponding text from server and set them in three columns & rows and attach it to scrollpane. It will be set like 50 boxes containing images and text under the image. Can you please help me to make it work.

Thanx again, I really appreciate it.
NK.
0
 
LVL 27

Expert Comment

by:negatyve
ID: 9668265
I have changed the text to dynamic textfield, with instance name "try_txt", then changed the script to:

myScrollPane.setScrollContent("myscroll");
var sp = myScrollPane.getScrollContent();
test = ["pippo", "minnie", "Pluto", "Gamba", "ciccio"]
for (var i = 0; i < 5; i++){
    var myMovie = "myMovie" + i;
    var nc = sp.createEmptyMovieClip(myMovie, i);

    var mc = nc.attachMovie("nk", "NK", i);
    mc._y = 100 * (i+1) + 20 * i;
      mc.try_txt.autoSize = true;
      mc.try_txt.text = test [i];
    // mc._x = 135;
}
myScrollPane.refreshPane();


it works fine..
0
 

Author Comment

by:nk94555
ID: 9668876
Hi,

I tried this but didn't woek. I copied the complete code above. I have found an alternate way of doing this. It goes like this:

=========================
   mytextfield       = "mytextfield" + (i)            
   mc.createTextField(mytextfield,i,-75,-5,150,40);
                  
//THIS IS KEY FIX HERE - THE NEXT LINE
   mc[mytextfield].embedFonts = true;
   mc[mytextfield].setNewTextFormat(myTextFormat);
   mc[mytextfield].textColor = 0x0000FF;
   var newtxtformat = mc[mytextfield].getNewTextFormat();
   newtxtformat.size = 10;
   newtxtformat.underline = true;
   newtxtformat.align = "center";
   newtxtformat.html = true;
   mc[mytextfield].setNewTextFormat(newtxtformat);
   mc[mytextfield].Text = "NK" + i;

==================

The key here is the embedFonts set to true works fine the way I want it to work. But your approach looks simple, if it is working fine at your end, then send me your flas and I will give it a try.

One side issue, I want to use property mc[mttextfield].htmlText = "<i>NK</i>"; but it is not working, it displays the plain text instead of HTML. I have set teh html property true in above line. Do you know why it is doing it and how to make it work.

Thanx.
0
 
LVL 1

Accepted Solution

by:
Computer101 earned 0 total points
ID: 12185990
PAQed, with points refunded (0)

Computer101
E-E Admin
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Array is not working ( AS2 ) 4 158
How do i create a Class that can control the main stage in action script 1 42
Google Chrome pepflashplayer.dll 8 172
flash in chrome 4 110
This is a very simple example to help those of you who are still migrating from AS2 to AS3 understand the redesigned event model in AS3. In AS2.0, event functions (that is, the function to be performed when an event is fired) were stored as a pro…
There are times in your Flash CS4 application when you want more than a simple pointer or a hand, and it's hard to find an ideal walk-through to tell you what to do.  I spent a few days recently learning my way around making custom cursors in Flash,…
In this tutorial viewers will learn how to create a basic motion tween animation in Flash Open a new document in Flash: Draw/import an image: Press CTRL + F8 to convert it into a graphic symbol: Select a frame (how long you want the tween to last): …
The goal of the tutorial is to teach the user how to use the auto adjust feature and what the different options do. When your video is not working right you can choose the auto adjust feature to help choose your settings.

837 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question