chartFx

http://support.softwarefx.com/OnlineDoc/CfxJava65//

div handling

[html]
[body]
[script]
[!--

function showTable(object){
document.list =
eval('document.getElementById("drop1")');
document.div1 = eval('document.getElementById("div1")');
document.div2 = eval('document.getElementById("div2")');
document.div3 = eval('document.getElementById("div3")');
document.div4 = eval('document.getElementById("div4")');
document.div5 = eval('document.getElementById("div5")');
document.div6 = eval('document.getElementById("div6")');
document.div7 = eval('document.getElementById("div7")');
document.div1.style.visibility = "hidden";
document.div2.style.visibility = "hidden";
document.div3.style.visibility = "hidden";
document.div4.style.visibility = "hidden";
document.div5.style.visibility = "hidden";
document.div6.style.visibility = "hidden";
document.div7.style.visibility = "hidden";
document.selectedDiv = eval('document.getElementById("div'+document.list.value+'")');
// alert("]"+object.value+"[")
document.selectedDiv.style.visibility = "visible";
}

//--]
[/script]


[form]
[select name="drop1" id="drop1" onchange="javascript:showTable(this)"]
[option value="1"]item 1[/option]
[option value="2"]item 2[/option]
[option value="3"]item 3[/option]
[option value="4"]item 4[/option]
[option value="5"]item 5[/option]
[option value="6"]item 6[/option]
[option value="7"]item 7[/option]
[/select]

[div id="div1" style="display:table-row " style="position: absolute; left: 610px; top: 80px; height: 400px;visibility:visible"]
[table width="100" border="1"]
[tr]
[td]
[table width="50" border="1"]
[td]
hey
[/td]
[/table]
[/td]
[td]
[/td]
[td]
1-2
[/td]
[td]
[/td]
[/tr]
[tr]
[td]
1-3
[/td]
[td]
[/td]
[td]
1-4
[/td]
[td]
[/td]
[/tr]
[/table]
[/div]
[div id="div2" style="display:table-row " style="position: absolute; left: 610px; top: 80px; height: 400px;visibility:hidden"]
[table width="100" border="1"]
[tr]
[td]
[table width="50" border="1"]
[td]
hey 2
[/td]
[/table]
[/td]
[td]
[/td]
[td]
2-2
[/td]
[td]
[/td]
[/tr]
[tr]
[td]
2-3
[/td]
[td]
[/td]
[td]
2-4
[/td]
[td]
[/td]
[/tr]
[/table]
[/div]
[div id="div3" style="display:table-row " style="position: absolute; left: 610px; top: 80px; height: 400px;visibility:hidden"]
[table width="100" border="1"]
[tr]
[td]
[table width="50" border="1"]
[td]
hey3
[/td]
[/table]
[/td]
[td]
[/td]
[td]
3-2
[/td]
[td]
[/td]
[/tr]
[tr]
[td]
3-3
[/td]
[td]
[/td]
[td]
3-4
[/td]
[td]
[/td]
[/tr]
[/table]
[/div]
[div id="div4" style="display:table-row " style="position: absolute; left: 610px; top: 80px; height: 400px;visibility:hidden"]
[table width="100" border="1"]
[tr]
[td]
[table width="50" border="1"]
[td]
hey4
[/td]
[/table]
[/td]
[td]
[/td]
[td]
4-2
[/td]
[td]
[/td]
[/tr]
[tr]
[td]
4-3
[/td]
[td]
[/td]
[td]
4-4
[/td]
[td]
[/td]
[/tr]
[/table]
[/div]
[div id="div5" style="display:table-row " style="position: absolute; left: 610px; top: 80px; height: 400px;visibility:hidden"]
[table width="10" border="1"]
[td]
5
[/td]
[/table]
[/div]
[div id="div6" style="display:block" style="position: absolute; left: 610px; top: 80px; height: 400px;visibility:hidden"]
[table width="10" border="1"]
[td]
6
[/td]
[/table]
[/div]
[div id="div7" style="display:block" style="position: absolute; left: 610px; top: 80px; height: 400px;visibility:hidden"]
[table width="10" border="1"]
[td]
7
[/td]
[/table]
[/div]
hey last line
[/body]
[/html]