compatability issue?

So I have a search function that searches through an XML file depending on which criteria the user wants to search. It works great so far in Firefox, OK in IE and not at all in Chrome. There’s only one problem I have with IE which is you have to click submit, you cant hit the enter key to search. Is this fixable? Ive tried writing a function where if it detects the enter key press, it “clicks” submit, but that didn’t work. In chrome, I search for something but it says there’s nothing to be found. My code is below and any help or a point in the right direction would be greatly appreciated.

[CODE]<script type=”text/javascript”>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}

function getType() {
for (var i=0; i < 3; i++) {
if (document.frmMain.criteria[i].checked) {
var rad_val = document.frmMain.criteria[i].value;
}
}
return rad_val;
}

window.onload = loadIndex;

function loadIndex() { // load indexfile
// most current browsers support document.implementation
if (document.implementation && document.implementation.createDocument) {
xmlDoc = document.implementation.createDocument(“”, “”, null);
xmlDoc.load(“wdparts.xml”);
}
// MSIE uses ActiveX
else if (window.ActiveXObject) {
xmlDoc = new ActiveXObject(“Microsoft.XMLDOM”);
xmlDoc.async = “false”;
xmlDoc.load(“wdparts.xml”);
}
}

function searchIndex() { // search the index (duh!)
if (!xmlDoc) {
loadIndex();
}
// get the search term from a form field with id ‘searchme’

var searchterm = document.getElementById(“searchme”).value;
var searchtype = getType();
var allitems = xmlDoc.getElementsByTagName(“item”);
results = new Array;
if (searchterm.length < 3) {
alert(“Enter at least three characters”);
}
else {
// see if the XML entry matches the search term,
// and (if so) store it in an array
for (var i=0;i<allitems.length;i++) {
var name = allitems[i].getAttribute(searchtype);
var exp = new RegExp(searchterm,”i”);
if ( name.match(exp) != null) {
results.push(allitems[i]);
}
}
// send the results to another function that displays them to the user
showResults(results, searchterm);
}
}

// Write search results to a table
function showResults(results, searchterm) {

if (results.length > 0) {
// if there are any results, write them to a table

var reout = ‘You searched for <b><i>’+searchterm+'</i></b><br><br>’;
reout += ‘<table border=”1″ style=”width: 100%;”>’;
reout += ‘<tr><th>Manufacturer</th><th>Product Number</th><th>Description</th><th>Link</th></tr>’;
for(var i=0; i<results.length; i++) {
reout += ‘<tr>’;
reout += ‘<td>’ + results[i].getAttribute(“line”) + ‘</td>’;
reout += ‘<td>’ + results[i].getAttribute(“pnum”) + ‘</td>’;
reout += ‘<td>’ + results[i].getAttribute(“description”) + ‘</td>’;
reout += ‘<td>’ + results[i].getAttribute(“link”) + ‘</td>’;
reout += ‘</tr>’;
}
reout += ‘<table>’;
document.getElementById(‘test’).innerHTML = reout;
} else {
// else tell the user no matches were found
alert(‘No results found for ‘+searchterm+’!’);
}
}
</script>[/CODE]

[CODE]<p><form name=”frmMain” id=”frmMain” action=””>
<b>Search by:&nbsp;&nbsp;</b>
<input type=”radio” name=”criteria” value=”line” checked=”checked”>Manufacturer &nbsp; &nbsp; &nbsp;&nbsp;&nbsp;
<input type=”radio” name=”criteria” value=”pnum”>Product Number &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<input type=”radio” name=”criteria” value=”description”>Description &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<br><br>
<input id=”searchme” type=”text” size=”20″>&nbsp;&nbsp;
<input value=”Search” id=”btnSearch” onclick=”searchIndex(); return false;” type=”submit”>
</form></p>
<p id = “test”></p>
</div>[/CODE]

EDIT: I also noticed that when searching something, it returns any word containing the search string. For example, if I search for “air”, it’ll return items with “repair”in the description. How do I edit the code so that it searches for an exact match?

Also in #JavaScript _↴