div element is not updated IE7 after Ajax call

[kavandesai]

JSP file code snippet:

[HTML] <div id="adapterList " style="display: none">
<center>
<h5 >Adapter Selection</h5>
</center>
<h1 class='info'>Cl ick on the arrow to expand or collapse an Adapter's Viewer.</h1>

<c:forEach var="adapterInf o" items="${campai gnManager.conte ntAdaptersInfo} " varStatus="stat us">
<div class="Collapsi blePanel" id='<c:out value="${adapte rInfo.id}"/>'>
<!-- button row -->
<div class="Collapsi blePanelTab" title='click here to open catalog'>
<a href ="#" title='click here to open catalog' onclick="showCa talogDetail('<c :out value="${campai gn.name}"/>','<c:out value="${adapte rInfo.name}"/>','<c:out value="${status .count}"/>','<c:out value="${adapte rInfo.id}"/>');"><h5><c:ou t value="${adapte rInfo.name}"/></h5></a></div>
<div class="Collapsi blePanelContent " id='adapterDeta ils-<c:out value="${adapte rInfo.id}"/>'>
</div>
</div>
<script type="text/javascript">

CollapsiblePane l[<c:out value="${status .count}"/>] = new Spry.Widget.Col lapsiblePanel(' <c:out value="${adapte rInfo.id}"/>', {contentIsOpen: false, enableAnimation :false});
if(($('remoteCa talogList').opt ions).length == 0)
{
Element.hide($( 'remoteCatalogL ist'));
Element.hide($( 'catPriorityHea d'));
$('catalogInfo' ).innerHTML = 'Currently there no adpter selected.Please click on edit button to select catalog';
}
Element.hide($( 'newCatalogUpBu tton'));
Element.hide($( 'newCatalogDown Button'));
</script>
</c:forEach>
</div>

</form>
<!-- end panel contents -->


</div>
</form>
<!-- end tabs content -->
</div>

<!-- end tabbed content area *************** ********** -->
</div>
<!-- end main body **** -->
[/HTML]
I am calling showCatalogDeta il( ) function on mouse click.

Java script code for JS function

[CODE=javascript]function showCatalogDeta il(name,adapter Name,widgetId,a dapterId) {

var dummy=new Date().getTime( );
var divName = 'adapterDetails-'+adapterId;
new Ajax.Updater(di vName, '<html:rewrite page="/do/AdminGUI/getCatalogDetai ls"/>'+'?dummy='+du mmy,
{ method:'post', evalScripts: true, parameters: {campaignName: name, adapterName: adapterName,wid getId:widgetId, adapterId:adapt erId } } ) ;


}
[/CODE]
here divName is id of div element which is there in above shown JSP. The particular div element should get updated on the call of the above written function.

The functionality is working perfectly in FF but not working IE7.

[acoder]

So do you get any errors? If so, what errors?

[kavandesai]

So do you get any errors? If so, what errors?

not i am not getting any errors.

[acoder]

Can you give the generated client-side code, so that it's easier to understand.

[kavandesai]

Can you give the generated client-side code, so that it's easier to understand.

I don't how could I provide you the generated client side code because on view page source in IE it is displaying me main page or say layout page it is not showing to division overwritten by AJAX.

I can send you my JSP and Java script file if you need.

Thanks,
Kavan

[acoder]

Why would that be? Can you not find a div on the page with ID "adapterLis t"?

Can you provide a link?

If not, at least give a few examples of the generated source, i.e. what would be in the JSP for loop.