Tidying up objects and listeners (basic)

Question

A newbie wannabe-AS3 question. My difficulty is (I think)
removing unwanted objects and listeners as I move from one mode to
another in my project ... altho my difficulty behind that is
probably inadequate understanding of Display List basics.
In one 'mode' of my project I have generated the following
structure:
1.... Sprite ("reviewPage");
2a......... Some graphics on reviewPage
2b......... TextField ("commentBox");
2c......... A number of Sprites ("displayCard_1",
"displayCard_2", ... "displayCard_n");
3a............. Some graphics on each displayCard;
3b............. Several EventListeners on each displayCard
(e.g. displayCard.addEventListener(MouseEvent.CLICK,
gotoReviseCardMode, false, 0, true))
3c............. TextField ("questionBox_1" ...
"questionBox_n");
3d............. TextField ("equationBox_1" ...
"equationBox_n");
3e............. TextField ("answerBox_1" ... "answerBox_n").
One of the eventListeners attached to each displayCard Sprite
calls a function intended to tidy-up the unwanted objects and
eventListeners and then shift the activity to a different mode,
defined by another function.
There is only one child on the stage. I assume this will be
my reviewPage with all the objects it holds. However when I trace
it, and it's name, I get "root1 [object MainTimeline]". Using
stage.removeChildAt(0) removes all the visible objects from the
Display List and leaves me with no children on the stage.
I've tried to 'explore' my structure by writing a small
function to identify each object/container and the hierarchy of
objects attached to them ... but have as yet been spectacularly
unsuccessful in that effort and overwhelmed with error messages.
I have a couple of concerns / questions:
1. Do I remove all the eventListeners when I
stage.removeChildAt(0)?
2. Do I still need to remove these objects from memory? If
so, how? How can I explore what listeners and objects are using
memory after I've attempted a clean-up like this?
3. How do I remove just one of the TextField objects, say
answerBox_212, or one of the eventListeners attached to one of the
"displayCard" Sprites, from the Display List and/or from memory?
Any guidance would be greatly appreciated.
Cheers
Dougal

Answer 1

Hi John,
Many thanks for your reply, where can I find out what the default setting is? In the style sheet, margin is set to 0. Do you mean the  <p> </p> on the first line of text? The code for that section is below, do I not need the <p> </p>?
<h6>Heding 1</h6>
    <p>An image placeholder was used in this layout in the .header where you'll likely want to place  a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
    <h3>Logo Replacement</h3>
    <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
    <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
Many thanks for your help.
Regards
Nick