<h3>My Paragraph Title</h3>
<p>This is paragraph one.</p>
<p>This is paragraph two.</p>

To make the first paragraph after the title bold, you use what’s called an ‘adjacent sibling selector‘. This allows you to target an element which follows another element. In this case, the first p element follows an h3 element. To use CSS to say that you want the first p tag after an h3 tag to be set in bold, your code would look like this:


h3 + p {font-weight: bold;}


Now each time a p tag follows an h3 tag… it is set to bold. Nice.

To do this, you need to make use of Flash’s ExternalInterface (from Flash 8+)

Your flash code will look something like this:

import flash.external.ExternalInterface;
function stopVideoPlaying() {
myVideo.stop();
}
ExternalInterface.addCallback("stopVideoPlaying", this, stopVideoPlaying);

The first line imports the External Interface. The next is three lines is the function we want to call from our HTML page.

Finally, we add an addCallBack method, which, in order, defines the JavaScript function to listen for, the target, and the function to call when the callBack is received.

The JavaScript code will look like this:

window.onload = function() {
if(navigator.appName.indexOf("Microsoft") != -1) {
flash = window.swfVideo;
}else {
flash = window.document.swfVideo;
}
}
function stopFlashVideo() {
flash.stopVideoPlaying();
}

Then, to call the Javascript method, just make sure your Flash is given an id name of swfVideo, then call the JavaScript function stopFlashVideo.

scale9Grid divides a display object into 9 regions, allowing different rules to be applied to it when the object is scaled.

How is this useful?? Well.. think about designing a simple content area with rounded corners. You want the content area scale vertically as the amount of text it holds increases. With any normal object with rounded corners, as you scale it’s height, the corners would scale and distort the more it is verticaly scaled. Enter scale9Grid. With one line of code, you can define the regions of the rounded rectangle to allow for distortion free scaling… Here’s an example:

myRoundedRectangle.scale9Grid = new Rectangle(10,10,300,600);

The above code adds a scale9Grid to a rounded rectangle object - meaning when it is scaled, the rounded corners will stay the same…. Brilliant!

Array.sort();

var beers:Array = ["Fosters", "Alpha", "VB", "Asahi"];
beers.sort(); // default sort
trace(beers); // output: Angelou,Blake,Dante,cummings

beers.sort(Array.DESCENDING | Array.CASEINSENSITIVE);
trace(beers); // output: VB,Fosters,asahi,Alpha

public class AS3Tester extends Sprite {
public function AS3Tester() {
var myTextContainer:TextField = new TextField();
myTextContainer.text = "I like beer";
this.addChild(myTextContainer);
}
}
}

In the above code, I create a variable to reference a new TextField object, and set it’s text to “I like beer”. This alone wont add the TextField to the stage. To do this I then need to use the addChild method to add it to the display list:

addChild(child:DisplayObject):DisplayObject

addChild is a method of DisplayObjectContainer. When a DisplayObjectContainer (a Sprite, a Loader or the Stage) calls the addChild method, it adds a child DisplayObject instance to that DisplayObjectContainer instance.

To remove an object from the display list is the reverse:
removeChild(child:DisplayObject):DisplayObject

So the code to remove the TexField above would be:
this.removeChild(myTextContainer);

If I wanted to add a display object instance to a specific DisplayObjectContainer instance, I use addChildAt:
addChildAt(child:DisplayObject, index:int):DisplayObject

Here’s an example of the code in use:

var myDisplayContainer:Sprite = new Sprite();

this.addChild(myDisplayContainer);

The above code first creates a DisplayObjectContainer called myDisplayContainer, then adds a Sprite (myFirstSprite) to it. Then using addChildAt, a second sprite is added to myDisplayContainer at index 0, which is the back of the list - meaning it will be displayed underneath myFirstSprite.

The final line adds the myDisplayContainer to the stage.

In the next few posts I’m going to go through a few core display programming tasks…

• Adding display objects to the display list
• Removing objects from the display list
• Moving objects among display containers
• Moving objects in front of or behind other objects

beers:XML = XML;
showBeersByBrand("alpha");
private function showBeersByBrand(name:String):void {
var results:XMLList = beers.beer.(@brand == name);
showList(results);
}
private function showList(list:XMLList):void {
var item:XML;
for each(item in list) {
trace("item: " + item.toXMLString());
}
}