dynamic div

[lilbit02]

Hey,

What I'm trying to do is, based on a user selection from a drop down, dynamically show a div and it's contents. This is a short version of what I'm doing so code is missing.

I have the select with the onChange
[CODE=html]<select id="program" tabindex="2" onChange="revea l(choice)" name="program">
[/CODE]


Then I have the div with the name
[CODE=html]<div id="prerequisit es_div"> </div>
[/CODE]

and then I have the function that handles the processing
[CODE=javascript]function reveal(chosen)
{


var n=1;
len = document.form1. program.length;
i = 0;
chosen = "none";

for (i = 0; i < len; i++)
{
if (document.form1 .program[i].selected)
{

chosen = document.form1. program[i].value

}
}
if (chosen == "BSN")
{

prerequisites_d iv.innerHTML = prerequisites_d iv.innerHTML +

"<td align='middle' bgcolor='white' colspan='2'>... .on and on to this" + n
}
else
{
return false;
}

}
[/CODE]

Can someone help me see this through or steer in the right way to get this accomplished.

[omerbutt]

u havent explained u problem what are u trying to d where from the prerecquisites are you showing from a database or what are the hardcoded if you are rettrieving from a database are u using xmlhttpresponse object or what the way yu have told no one is going to answere don shy tp show up ur code buddy no ones gonna cheat it[:D]

Hey,

What I'm trying to do is, based on a user selection from a drop down, dynamically show a div and it's contents. This is a short version of what I'm doing so code is missing.

I have the select with the onChange

<select id="program" tabindex="2" onChange="reveal(choice)" name="program">

Then I have the div with the name

<div id="prerequisites_div"> </div>

and then I have the function that handles the processing

function reveal(chosen)
{


	var n=1;
	len = document.form1.program.length;
	i = 0;
	chosen = "none";

	for (i = 0; i < len; i++) 
	{
		if (document.form1.program[i].selected)
		{
		
		chosen = document.form1.program[i].value

		} 
	}
	if (chosen == "BSN") 
	{

	prerequisites_div.innerHTML = prerequisites_div.innerHTML +
	
	"<td align='middle' bgcolor='white' colspan='2'>....on and on to this" + n
                 }
                 else
                 {
                 	return false;
                 }

}

Can someone help me see this through or steer in the right way to get this accomplished.

[acoder]

Use document.getEle mentById("prere quisites_div") to access the div element.

To hide it, set the style.display property to "none". You could do this inline, e.g.
[HTML]<div id="prerequisit es_div" style="display: none">...</div>[/HTML]

To display the div, set the style.display property to "block".