React and ToChoose Functions for a Menu for All Browsers

The react() Function Details

The arguments for this function are not really the ones we saw in the previous series. This function is called when the mouse pointer goes over a drop down menu or sub menu item. Each of the cells for these items has an onmouseover event attribute. One of attributes is:

onmouseover = "react('TD11','1','sub','5')"

Now let us look at the function. Here it is:

function react(ID,colNo,submenu,noRows)

{

//first make sure all background colors of the sub menu cells are brown.

for (i=0; i<noRows; i++)

{

//form the ID

theID = "TD" + i + colNo;

document.getElementById(theID).style.backgroundColor = "brown";

}

//let the background of the current sub menu cell be firebrick.

document.getElementById(ID).style.backgroundColor = "firebrick";

//remove any lower sub menu that was displayed before you display the new one

if (ID.length == 4)

remove2NumID();

else if (ID.length == 5)

remove3NumID()

//display sub menu

if (submenu == "sub")

{

//ID of sub table

beginslice = 2;

endslice = ID.length;

slicedStr = ID.slice(beginslice,endslice);

IDSUB = 'ST' + slicedStr;

document.getElementById(IDSUB).style.display = "block";

document.getElementById(IDSUB).style.visibility = "visible";

}

}