I create a table containing radiobuttons in client script depending on
what choices the user makes.
It works fine the radio buttons appear *but* they are *not clickable*.
Why? Is there a solution?
I'm using IE 6.0
cheers,
mortb
actual code included (cut from a larger page):
<script language='javas cript'>
var GUIArr = new Array(new Array('gui1',36 ,'type1',16,16) , new
Array('gui2',37 ,'type1',16,16) )
</script>
<html>
<body>
<form>
<script language="javas cript">
function populateGUIRadi oList()
{
var table =
document.frmIco n.getElementByI d("radioTab") ;
// alert(table.row s.length);
//alert(document. getElementById( "searchGUIType" ).value)
var TRs = table.getElemen tsByTagName("tr ");
// alert(TRs.lengt h);
var len = TRs.length;
for(i=0;i < len; i++)
{
table.deleteRow ();
}
var GUIType =
document.getEle mentById("searc hGUIType").valu e;
var GUIWidth =
document.getEle mentById("searc hGUIWidth").val ue.replace(/[^0-9]./,
"");
var GUIHeight =
document.getEle mentById("searc hGUIHeight").va lue.replace(/[^0-9]./,
"");
//alert(document. getElementById( "searchGUIType" ).value);
for(i = 0; i < GUIArr.length; i ++)
{
if((GUIType == "" ||GUIType == GUIArr[i][2])
&& (GUIWidth == "" ||GUIWidth == GUIArr[i][3])
&& (GUIHeight == "" ||GUIHeight ==
GUIArr[i][4]))
{
var row =
table.insertRow ();//document.create Element("tr");
var cell = document.create Element("td");
var text =
document.create TextNode(GUIArr[i][0] + " - " + GUIArr[i][2] + " " +
GUIArr[i][3] + " x " + GUIArr[i][4]);
var rdbtn =
document.create Element("input" );
rdbtn.type = "radio";
rdbtn.value = GUIArr[i][1];
rdbtn.name = "displayGUIObje ct";
cell.appendChil d(rdbtn);
cell.appendChil d(text);
row.appendChild (cell);
}
}
}
</script>
<input type="text" id="searchGUIWi dth" maxlength="4"
size="4" onkeyup="popula teGUIRadioList( )"> x
<input type="text" id="searchGUIHe ight" maxlength="4"
size="4" onkeyup="popula teGUIRadioList( )">
<select id="searchGUITy pe"
onchange="popul ateGUIRadioList ()">
<option value=""><Al l types></option>
<option value="type1">t ype1</option>
<option value="<= 256 Colors">Icon <=256</option>
<option value="> 256 Colors">Icon >256</option>
</select>
<table id="radioTab">
</table>
</form>
</body>
</html>
