Array of objects as a function parameter

Hi guys…

Seriously, I don’t get it. I’ve been searching for a while to get an answer to this. Hope this forum will help me.

[CODE]function drawMenuCategories (bodyHandle,nom0,nom1,nom2,nom3,nom4) {

var categorie0 = new Object();
categorie0.nom = nom0;
categorie0.presenceItems = false;

var categorie1 = new Object();
categorie1.nom = nom1;
categorie1.presenceItems = true;

var categorie2 = new Object();
categorie2.nom = nom2;
categorie2.presenceItems = true;

var categorie3 = new Object();
categorie3.nom = nom3;
categorie3.presenceItems = true;

var categorie4 = new Object();
categorie4.nom = nom4;
categorie4.presenceItems = true;

var catArray = new Array(categorie0,categorie1,categorie2,categorie3,categorie4);

nbCat = 5;

str = ‘<table cellspacing=”0″ id=”idTableCat” style=”border:’+menuBorder+’px solid #’+menuBorderColor+’; cursor:’+pointerTypeCat+’;” background=”images/top_menu_bg.jpg” onmouseout=”setTimeout(‘clearAll()’,3000);”><tr>’;

for (i=0; i<nbCat;i++) {

str += ‘<td style=”color:#’+catFontColor+'” id=”idCat’+i+'” onmouseover=”setTimeout(‘showItems(‘+i+’,’+nbCat+’,’+catArray+’)’,’+delayShowItems+’);”>’;

for (a=0; a<spacingCat; a++) {
str += ‘&nbsp;’;
}

str += catArray[i].nom;

for (a=0; a<spacingCat; a++) {
str += ‘&nbsp;’;
}

if (catArray[i].presenceItems == true) str += ‘<img src=”images/black_arrow.gif” />’;

}

str += ‘</tr></table>’;

bodyHandle.innerHTML = str; //on écrit la table des catégories
}[/CODE]

This function draws my javascript drop down menu categories and it works.

The line

[CODE]str += catArray[i].nom;[/CODE]

outputs correctly my categorie names.

However, I get an error message for passing my array catArray as a function parameter. So this line

[CODE]str += ‘<td style=”color:#’+catFontColor+'” id=”idCat’+i+'” onmouseover=”setTimeout(‘showItems(‘+i+’,’+nbCat+’,’+catArray+’)’,’+delayShowItems+’);”>’;[/CODE]

returns the following error with firefox console when I try to mouseover on a categorie using my browser :

Erreur : missing ] after element list
Fichier source : [url]http://74.57.73.48:8080/cie/[/url]
Ligne : 1, Colonne : 22
Code source :
showItems(2,5,[object Object],[object Object],[object Object],[object Object],[object Object])

Anyone has any idea. I’ve been searching the web for some explanation but no success so far.

Thx!

Also in #JavaScript _↴