Passing HTML code to IE7

[Griffo]

Hi

Im using AJAX to read characters from a text box, search an array for words that begin with that character, then return all matching words to the HTML page.

This works fine in IE7 and Firefox 2

But when I try to return formatted results, something like <ul>a word</ul> , IE7 throws up an "Unknown runtime error" and points to the section of javascript below

function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("txtHint").innerHTML=xmlHttp.responseText
}
}

Firefox displays what i am trying to do perfectly

Any ideas why this is and what i can do to sort it out??

Thanks

[roopurt18]

What kind of element is txtHint?

And are you sure you don't mean:
if(xmlHttp.readyState == 4 && xmlHttp.status == 200)

I only ask the second question because I'm new to AJAX and that's what the tutorial I read had in it.

[Griffo]

txtHint is currently a <span> element but willbe changing it to a <div> at some point.

The code ive got is part of a tutorial from the W3C site, as i have mentioned it works fine until you try to pass HTML tags back.

[mainewoods]

an 'unordered list' item is a block level item, whereas a span is an inline element.  Block level items are invalid inside inline items.  Funny ff didn't complain as well .

Change your item from a span to a div and then retest.