So here’s what I did to resolve the issue:

- Ensure that the mySQL tables where the text is stored are using the utf8_general_ci Collation.

- Set $gateway->setCharsetHandler( “none”, “ISO-8859-1″, “ISO-8859-1″ ) in the gateway.php file (in case you’re wondering, yes you should simply NOT use iconv or utf_decoder or mbstring or the like, just disable the setCharsetHandler conversion by using “none” as the conversion method).

- in your php service file, say it’s called permissions.php, use the following :

$rsConnectionID=mysql_connect("localhost", "root", "");
mysql_set_charset("utf8", $rsConnectionID);

Be sure to have these set before running your query or passing the results to flash.

This should resolve all the issues you’re having, of course you should not use the following actionScript : system.useCodepage = true; as this will tell the flash player not to use utf 8 as default encoding and will surely get you into troubles.

Again, flash does not have an onMouseStill event so I had to do it this way:


this.onMouseMove=function(){
clearTimeout(toInt);
fadeControlsIn();
toInt=setTimeout(fadeOut,3000);

}


A similar approach can be applied to keypresses.

Hope this helps.

[as]
function lTrim(txt:String):String {
while
(txt.charAt(0)==” ”
||txt.charAt(0)==”\t”
|| txt.charAt(0)==”\n”
|| txt.charAt(0)==”\r”
) {
txt=txt.substring(1,txt.length-1);
}
return txt;
}
//usage example:
trace(lTrim(” here’s a text to trim”));// outputs : here’s a text to trim
[/as]

Pretty much straight forward, the function accepts a string as argument and returns a string, it checks whether the first character is a space, tab, or newline character and simply cuts it out and runs the same check on the resulting substring until there are no white spaces left at the leftmost end of the string.

Now for the slightly harder rTrim function,

[as]

function rTrim (txt:String):String {

while (txt.charAt(txt.length-1)==” ” ||txt.charAt(txt.length-1)==”\t” || txt.charAt(txt.length-1)==”\n” || txt.charAt(txt.length-1)==”\r”){
txt=txt.substring(0,txt.length-1);
}
return txt;

}
trace(rTrim (“rtrim this please \n\r “)+”delimiter”);//outputs : rtrim this pleasedelimiter

[/as]
The logic is very similar, feel free to use these wherever you like.
I would recommend using these as part of a class for string manipulation.
Btw, these functions are AS2 and AS3 compatible.

[as]

/*

@author = Wassim Sidani
@www.sidani.info

usage example:

var tE:TxtEff=new TxtEff(textFieldInstance, textToWrite, delay);

textFieldInstance= a reference to a text field.

textToWrite= the actual text that will be typed in the text field.

delay = dealy in milliseconds before writing next character;

*/
class TxtEff extends TextField
{
function TxtEff (me, txt, delay)
{
//clearInterval(myInt);
//clearTimeout(myOtherIn);
myClass=this;
inite (me, txt, delay);
}
function inite (me, txt, delay)
{

var j : Number = 0;
chars = ['$', '!', '"', '#', '$', '%', '&', "'", '(', ')', '*', '+', ',', '-', '.', '/', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', ':', ';', '<', '=', '>', '?', '@', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '[', '\\', ']‘, ‘^’, ‘_’, ‘`’, ‘a’, ‘b’, ‘c’, ‘d’, ‘e’, ‘f’, ‘g’, ‘h’, ‘i’, ‘j’, ‘k’, ‘l’, ‘m’, ‘n’, ‘o’, ‘p’, ‘q’, ‘r’, ‘s’, ‘t’, ‘u’, ‘v’, ‘w’, ‘x’, ‘y’, ‘z’, ‘{‘, ‘|’, ‘}’, ‘~’, ‘ ‘];
var initialText : String = txt;
for (k = 0; k < txt.length; k ++)
{
me.replaceText (k, k + 1, ‘-’);
}
var myInt : Number = setInterval (go, delay, me);
function go (me)
{
//trace(‘goo is called and me.text =’+me.text);
if (j < initialText.length)
{
//trace(‘j is ‘ + j+” and chars.length is “+chars.length);
for (var i = 0; i < chars.length; i ++)
{
if (initialText.charAt (j) == chars [i])
{
me.replaceText (j, j + 1, chars [i]);
j ++;
break;
}
}
} else
{
clearInterval (myInt);
trace (“done j=” + j);
//myOtherIn=setTimeout(myClass.inite,3000,me,txt,delay);
}
}
}

}

[/as]

Here’s the problem: you attach content dynamically at runtime to your scrollPane, then much to your surprise, the vertical scroll bar doesn’t show up despite the fact that you specified vScrollPolicy as “on” or “auto” and that the content is larger than the scrollPane.

You probably know the problem that’s why you are here! Google dropped you in the right place, I have found a solution! A working fix.

After searching for two hours, and trying all the suggested workarounds like calling the redraw() method on the instance or the onComplete(), doLater() or even the invalidate() method, none of these worked, I even tried lowering the frame rate of the movie but all this ended up failing so I started experimenting and I found the following:

If you change the position of the content clip inside your scroll pane component, the scroll bar will fail to account for this change, it might even not appear in the first place, if you add content dynamically, like attaching a movieClip from the library on runtime, you will also face issues with the scroll bar.

What I did to solve the issue and debug is that I simply called the setSize() method twice, in the first call, I assigned a height higher than the desired one then in the second call, I assigned the desired height and this worked ! the scroll bar of the scrollpane now appears and behaves as expected.

Note that this fixed the case where the content is being attached from the library, not loaded externally.

 Certain standard flash components (dataGrid, comboBox, list etc..) are used by a large number of websites. For example, More than 100 Kb of identical data has to be downloaded for every Flex application (the flex framework) . With the new Flash Player cache, Flex applications will download and start up much faster because users will probably have the framework already in a special cache from one site and will not need to download it again.

The Flash Player cache is not the same as the browser’s cache. It works by storing the contents of a new type of file (SWZ) on your hard drive. When a website makes a request for the SWZ file from the server, Flash Player first checks to see whether it has the matching file already in the cache before attempting to download it.

 Besides providing smaller size advantage and thus faster loading, this feature is also beneficial to the application host by reducing bandwidth.

If I were in Adobe shoes, I would have provided AS2 experts with the same functionality using the existing language and added the new one as well, like they did with director when they introduced javascript in addition to director’s native scripting language “Lingo”.

AS3 offers better OOP practice, ok, I agree, but who said that matters for us web developers? We were happy with the ugly non OOP language we had; it was working well for us and the fact that a new version of flash i.e. CS3 emerged is the single proof of the popularity of this program and what it offered to the web.

Wherever you go, you see the fuss about classes, packages, cryptic error codes and more of the like, my guess is that AS3 wont be accepted by flash developers as fast as Adobe wish, I know I am not accepting it and wont do commercial jobs using it, no sir, I will stick to my good old AS2 and wait till adobe finish the upgrades and add the new beta features like high definition video and audio support (btw, work on flash player 10 is in its last stages, and words about flash CS4 with a set of new features is also spreading in the flash community), with the rate things are moving at, I guess I wont have time to play with CS3 since by the time I decide to dive in it, CS4 will probably be out and running…

More on this in the coming few days.

In part one, we saw an easy way to use the XML connector and dataBinding component to assign the contentPath propery of the media player component to one entry of an XML playlist.

In this tutorial, we go one step further and add a dataGrid then bind the selected index of that grid to the contentPath of the media Player component.

Before going further in this explanation, have a look here :

Custom MP3 Player-Glassy look

So how we do that?

First, the dataProvider property of the dataGrid has to be linked to the result of the XML parameter and more precisely to the array object in the results.

This ensures automatic parsing of the XML data into a bidimensional array which the dataGrid can use as a dataProvider.

Then, we use this code to listen to cell press event and to respond accordingly :

myListener = new Object();
myListener.change = function(evtObj) {
mp.contentPath = dg.selectedItem.location;
}
dg.addEventListener("change",myListener);


Where dg is the instance name of the dataGrid component and mp is that of the mediaPlayer component.

I’ve uploaded 4 songs I found on my HD, they do not correspond to the entries in the XML playlist yet that what I have for now so …

Till the next tutorial, stay safe and don’t do stupid things !

Bye.

Ok, let’s explain few things before we start.

XML connector is a class whose job is to make loading and parsing XML much easier.
Data binding provides an easy way to link various components to each other and to the XML connector (or data holder).

The following example explains how this works.
Let’s look at this simple XML file :
[xml]

-

[/xml]

Let’s assume you want to build a cool mp3 player that plays songs provided by a playlist like the one this XML represents. If you’re going to do this the classical way, then prepare yourself for lots and lots of parsing and coding…
Using the XML connector together with data binding will make this task a joke!

So the first thing you need to do is to drag a media player and an XML connector component to the stage, give the former the instance name of mp and give the latter an instance name of “xmc”.

Place your xmc off stage, click on it and open up the component inspector, type the path to the playlist xml file, in our case it’s simply songs.xml as it resides with the swf in the same folder.

Now, click on the schema tab and then click on the “import a schema from a sample xml” button then browse to the songs.xml itself and click ok.

At this point, you’ll see the xml schema displayed, we’re particularly interested in the path to the mp3 file that the player has to read, so practically we need to grab the Path attribute (@Path).

Now comes the interesting part, click on the biniding tab in the component inspector then click on the “+” sign to add a binding, the same xml schema appears, click on the Path attribute then click Ok.

Now, in the grid below, choose out as direction from the drop down list, double click on the bound to field and from the dialog that appears choose the media player component and from the right hand side panel choose contentPath as the property of the mediaplayer to which the Path attribute will be bound to.

One last thing, put the following code on frame one of your timeline :

[as]xmc.trigger();[/as]

Without this, the xml connector will not function at all.

Now what we have is a mediaPlayer component that reads the first node in the xml, parses the path attribute and loads that as contentPath and start playing it!

Check the sample below.

That’s cool but what about other songs? How can we choose to play those?
Well, I will leave that to another tutorial…

mp3 player reading from XML and databinding
Here’s the page where you can see the XML connector and the mp3 player:

Click Here

Expect a new hot tutorial about XML connector and Data binding soon…

These two are among the least known and understood, they however are truely time saving and extremely powerful.

It will be up within two or three days.

Regards