Hi,
I have a script which isn't working in Mozilla based browser for some
reason. I'm trying to run two functions from the body onload tag and
it simply isn't happening.
I have a cascading menu, where the primary dropdown selection
determines the contents of a second dropdown. This is triggered by a
function in the onchange tag of the primarys select tag. When
triggered like this, the function and drop downs work fine. When
returning to the page I query a database to maintain state of the
primary dropdown and use the onload to trigger the function used in
the onchange to repopulate the second dropdown. As I say this works
fine in IE etc but not Mozilla based browsers.
Here's the code snippets. Anyone got any ideas?
In the header:
<script type="text/javascript">
function doOnload() {
selectInterests (form1)
preloadImages()
}
</script>
<script language="JavaS cript">
function selectInterests (frm)
{
// Obtain the first dimension position of the currently selected
var i = frm.adv_categor y.selectedIndex ;
var n = frm.adv_interes ts.selectedInde x;
if (i > 0){
// Inititalise the new adv_interests selection
frm.adv_interes ts.options.leng th = arrValInterests[i].length
- 1;
// Now select the the items associated with the selected
option
for (var j=1; j < arrValInterests[i].length; j++){
frm.adv_interes ts.options[j-1].text =
arrTextInterest s[i][j];
frm.adv_interes ts.options[j-1].value =
arrValInterests[i][j];
}
frm.adv_interes ts.options[0].selected = true;
}
else{
// User has reselected the blank 'adv_interests' option
frm.adv_interes ts.options.leng th = 1;
frm.adv_interes ts.options[0].text ="--Please Select--
";
frm.adv_interes ts.options[0].value = "";
}
}
</script>
</head>
<body bgcolor="#FFFFF F" onLoad="doOnloa d();" leftmargin="0"
topmargin="0" marginwidth="0" marginheight="0 ">
<table border="0" width="100%" cellspacing="0" cellpadding="0" >
In the body:
<SELECT NAME="adv_categ ory"
ID="adv_categor y"onChange="sel ectInterests(fo rm1);">
<option value="0">--Please Select--</option>
<option value="3">Bankn otes</option>
<option value="5" selected>Books</option>
<option value="1">Coins </option>
<option value="4">Medal s</option>
<option value="6">Numis matic Circular</option>
</SELECT>
<SELECT multiple size="10" NAME="adv_inter ests" ID="adv_interes ts"
style="width:35 0px;">
<option value="">--Please Select--</option>
</SELECT>
<script language="JavaS cript">
var arrValInterests = new Array();
var arrTextInterest s = new Array();
arrValInterests[0] = new Array("0","0");
arrTextInterest s[0] = new Array("0","--All Categories--");
arrValInterests[1] = new
Array("3","0"," 752","...remove d...","724","65 3","654");
arrTextInterest s[1] = new Array("3","--All
Categories--","Abyssinia"," Afghanistan",". ..removed..."," USA","Venezuela ","Vietnam","We st
Indies","Yemen" ,"Yugoslavia"," Zanzibar");
arrValInterests[2] = new Array("5","0"," 661","...remove d...","662");
arrTextInterest s[2] = new Array("5","--All Categories--","British
Coins-All","...remove d...","Sylloge of Coins of the British Isles");
arrValInterests[3] = new Array("1","...r emoved...","36" );
arrTextInterest s[3] = new Array("1","--All
Categories--","...removed.. .","Treasure"," US Coins");
arrValInterests[4] = new Array("4","0"," 121","...remove d...","384");
arrTextInterest s[4] = new Array("4","--All Categories--","British
orders","...rem oved...","Singl e Campaign Medals");
arrValInterests[5] = new Array("6","0");
arrTextInterest s[5] = new Array("6","--All Categories--");
</script>
<script language="JavaS cript">
function selectInterests (frm)
{
// Obtain the first dimension position of the currently selected
var i = frm.adv_categor y.selectedIndex ;
var n = frm.adv_interes ts.selectedInde x;
if (i > 0){
// Inititalise the new adv_interests selection
frm.adv_interes ts.options.leng th = arrValInterests[i].length - 1;
// Now select the the items associated with the selected option
for (var j=1; j < arrValInterests[i].length; j++){
frm.adv_interes ts.options[j-1].text = arrTextInterest s[i][j];
frm.adv_interes ts.options[j-1].value = arrValInterests[i][j];
}
frm.adv_interes ts.options[0].selected = true;
}
else
{
// User has reselected the blank 'adv_interests' option
frm.adv_interes ts.options.leng th = 1;
frm.adv_interes ts.options[0].text ="--Please Select-- ";
frm.adv_interes ts.options[0].value = "";
}
} </script>
