Kirupa Photo Gallery extended

Hello and thanks in advanced for checking this out.

I’m working on a update for Kirupa’s Gallery tutorial:

I wanna remove the XML data loading part and replace it with a PHP/MySQL backend for better security and maintance and because XML text handling isnt the best way (in my opinion it s*cks big time) to show text. HTML text through php gives better looking text.

What do I already have:

  • MySQL database and table (containing the fields: “file”, “ordercode”, description") were “file” is the full path to a image and its name.
  • PHP script what fetches the data from the table and send it towards Flash

Flash output when receiving the array (“nog niet te koop” = ordercode, “tekst volgt nog” = description)

Variabele _level0.myData = [objectnr. 1, klasse ‘LoadVars’] {
onLoad:[functie ‘onLoad’],
Array
(
[0] :"> Dromenvanger00001.png, Nog niet te koop!, Tekst volgt nog
[1] => Dromenvanger00002.png, Nog niet te koop!, Tekst volgt nog
[2] => Dromenvanger00003.png, Nog niet te koop!, Tekst volgt nog
[3] => Dromenvanger00004.png, Nog niet te koop!, Tekst volgt nog
[4] => Dromenvanger00005.png, Nog niet te koop!, Tekst volgt nog
[5] => Dromenvanger00006.png, Nog niet te koop!, Tekst volgt nog
[6] => Dromenvanger00007.png, Nog niet te koop!, Tekst volgt nog
[7] => Dromenvanger00008.png, Nog niet te koop!, Tekst volgt nog
[8] => Dromenvanger00009.png, Nog niet te koop!, Tekst volgt nog
[9] => Dromenvanger00010.png, Nog niet te koop!, Tekst volgt nog
[10] => Dromenvanger00011.png, Nog niet te koop!, Tekst volgt nog
[11] => Dromenvanger00012.png, Nog niet te koop!, Tekst volgt nog
[12] => Dromenvanger00013.png, Nog niet te koop!, Tekst volgt nog
[13] => Dromenvanger00014.png, Nog niet te koop!, Tekst volgt nog
[14] => Dromenvanger00015.png, Nog niet te koop!, Tekst volgt nog
[15] => Dromenvanger00016.png, Nog niet te koop!, Tekst volgt nog
[16] => Dromenvanger00017.png, Nog niet te koop!, Tekst volgt nog
[17] => Dromenvanger000018.png, Nog niet te koop!, Tekst volgt nog
)
"
}

Kirupa’s code:

function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = ;
description = ;
beschrijf = ;
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
beschrijf* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
}
firstImage();
} else {
content = “file not loaded!”;
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load(“images.xml”);

my code what needs to be changed to let it work:

function loadArray(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = ;
bestelcode = ;
omschrijf = ;
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
bestelcode* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
omschrijf* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;
}
firstImage();
} else {
content = “file not loaded!”;
}
}
myData = new LoadVars();
myData.ignoreWhite = true;
myData.onLoad = loadArray;
myDataData.load(“http://www.innerdreamquest.nl/lol/arraytestv0.php”);