This works on all other browsers...but fails on IE7 & IE8. Help Please!
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<script src="/javascripts/prototype.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<input type="button" value="Ajax Test" onclick="var myAjax = new Ajax.Updater('TestContent', '/store/home', {method: 'post', parameters: 'foo=bar'});" />
<div id="TestContent" style="margin: 100px; border: 1px solid #F00; height: 500px;">
</div>
</body>
</html>
removed all utf-8 references and suddenly IE decides to play ball.
IE, even the brand new version 8, is years behind the other 3 (Firefox, Safari, Opera)...
oh well.
Syntax looks ok. Maybe the variable assignment isnt allowed or causing the variable to be deleted before its complete. Have you tried with creating the Updater in an external function?
I had a similar problem.
It turns out that in my case, the ajax response had a FORM element in it, and the destination of the updater was already inside a FORM element.
It worked fine in firefox, but not IE.
link text