Featured FLA
» Author: Bugra Ozden
» Title: Skatalog v9 - product catalog
» Description: Create your product catalog easly and publish on your website or Create your image gallery, documents list, portfolio. Fully XML Driven
» More by Bugra Ozden
Featured Site
» Posted in the Flash Kit Links section
» Title: Creative DW Image Show PRO
» Description: Creative DW Image Show PRO is a Dreamweaver extension which enables the user to create multimedia presentations. It combines the features of the popular Creative DW Image Show with the ability to add professional text effects to slides (similar to After Effects). The product is very customizable: the user can choose the duration of the transition effects, the slide motion start and end position, zoom and panning type for both images and texts.
We are now accessing the XML tree. The first part I will not further explain. You have to read previous tutorials for that.
//here we define our basic functions, which are used to parse different XML files
//for details see earlier tutorials
function findModels() {
for (var count01=0; count01<= models.childNodes.length; count01++) {
if (this.childNodes[count01].nodeName.toLowerCase() == "models") {
var myModel01 = this.childNodes[count01];
}
}
findFemaleModels(myModel01);
}
//accessing childnodes
function findFemaleModels(femaleModel) {
for (var count02=0; count02<=femaleModel.childNodes.length; count02++) {
if (femaleModel.childNodes[count02].nodeName.toLowerCase() == "female") {
var myModel02 = femaleModel.childNodes[count02];
}
}findHairColor(myModel02);
}
At this point we go further into detail with our search. When you look at the XML file you will see that there are childnodes determining the haircolor, which is given as the attribute color of those nodes and is either blond or black. So first in our script we determine the variables we need to execute the script further, which are myModel03, which contains all childnodes downstream of the haircolor nodes and colorHair, which is the attribute of the haircolor nodes. As above we now get the values of the radiobuttons (group2) for the haircolor, whichever the user has chosen. However, we add one more option (we could add many more, which makes this search engine so powerful), which is a checkbox where the user can search for models who speak a foreign language. We, therefore, ask if checked is true or false and execute the corresponding functions, which are the same no matter which haircolor has been selected.
//accessing more childnodes
function findHairColor(coloured) {
for (var count03=0; count03<=coloured.childNodes.length; count03++) {
if (coloured.childNodes[count03].nodeName.toLowerCase() == "haircolor") {
//we create variables, which we use later
var myModel03 = coloured.childNodes[count03];
var colorHair = myModel03.attributes.hair;
//here we split our search using radiobuttons belonging to group 2.
if (group2.getValue() == "blond") {//the value
if(colorhair == "blond"){
if (check1.getValue() == true){//we go further and check if checkbox was selected
findSubgroup_1 (myModel03);
}else if (check1.getValue() == false){
findSubgroup_2 (myModel03);
}
}//we do the same for the black haircolor, which we did for blond
} else if (group2.getValue() == "black") {
if(colorhair == "black"){
if (check1.getValue() == true){
findSubgroup_1 (myModel03);
}else if (check1.getValue() == false){
findSubgroup_2 (myModel03);
}
}
}
}
}
}