Hi
I am not really sure where to start with this as my function works perfect in IE 6. However when I select one of my categories and hit submit in Firefox or IE7 or 8 nothing happens. No error message. Just nothing. How can I get this working for firefox and IE7/8?

[CODE]

<script language="JavaScript">
var categories=[];
var categorieslist=[];
var thecategories=[];
var ItemDetails=[];
var selDate=[];
var content=[];
var imagePaths=[];
var art=[];
var aTheDates=[];
var aTheYear=[];
var catDM=" ";
var catUrl="";
var startposition=0;
var theImage="";
var pageDectect=0;
var thepage=0;
var pc=0;
var starty=0;
var pagenumber=0;
var filteredlist="<ul class='press-items'>";
function changeFilter(){
var selCategory=document.getElementById("browsetopic").value;
//alert(selCategory + " aha");
var selYear=document.getElementById("browseyear").value.substring(2,4);
var selMonth=document.getElementById("browsemonth").value;
//var selDate=document.getElementById("browsemonth").value + "/" + document.getElementById("browseyear").value.substring(2,4);


//alert(pagenumber);
for(pagenumber;pagenumber<art.length;pagenumber++){
//alert(selDate + "=" + aTheDates[pagenumber]);
//alert(selYear + "=" + aTheYear[pagenumber]);
//alert(selCategory + "=" + categories[pagenumber]);

if(((selCategory=="nofilter"||categories[pagenumber]==selCategory))&&(selYear==aTheYear[pagenumber]||selYear=="00")&&(selMonth==aTheDates[pagenumber]||selMonth=="00")){
filteredlist=filteredlist+art[pagenumber];
}
}
filteredlist=filteredlist+"</ul>";
//alert(filteredlist);
document.getElementById("theid").innerHTML=filteredlist;
filteredlist="<ul class='press-items'>";
pagenumber=0;     
}

</script>

[/CODE]

 

And the button

 

[CODE]

 <a href="javascript :changeFilter();"><img style=" float: left;  margin-top: 0px;" class="submit" src="/images/submit.gif" /></a>

[/CODE]