clarityp
12-21-2010, 10:59 PM
I have a page that has a simple AJAX call that works fine in firefox and chrome but not in ie. In IE my loading image shows up but the actual sourceURL never loads or shows. Below is my html and javascript code.
Can anyone help me with this?
<div id="design_strap" style="display:none">
<a href="javascript:loadContent('#content', 'strap.html');">Link</a>
<div id="content"></div>
</div>
<script type="text/javascript">
$.ajaxSetup ({
// Disable caching of AJAX responses
cache: false
});
function loadContent(elementSelector, sourceUrl) {
$(""+elementSelector+"").html('<p><img src="images/loading.gif" width="150" height="150" /></p>');
$(""+elementSelector+"").load(""+sourceUrl+"");
//$("content").height(350);
}
</script>
Can anyone help me with this?
<div id="design_strap" style="display:none">
<a href="javascript:loadContent('#content', 'strap.html');">Link</a>
<div id="content"></div>
</div>
<script type="text/javascript">
$.ajaxSetup ({
// Disable caching of AJAX responses
cache: false
});
function loadContent(elementSelector, sourceUrl) {
$(""+elementSelector+"").html('<p><img src="images/loading.gif" width="150" height="150" /></p>');
$(""+elementSelector+"").load(""+sourceUrl+"");
//$("content").height(350);
}
</script>