By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,340 Members | 1,642 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,340 IT Pros & Developers. It's quick & easy.

div element is not updated IE7 after Ajax call

P: 3
JSP file code snippet:

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

<c:forEach var="adapterInfo" items="${campaignManager.contentAdaptersInfo}" varStatus="status">
<div class="CollapsiblePanel" id='<c:out value="${adapterInfo.id}"/>'>
<!-- button row -->
<div class="CollapsiblePanelTab" title='click here to open catalog'>
<a href ="#" title='click here to open catalog' onclick="showCatalogDetail('<c:out value="${campaign.name}"/>','<c:out value="${adapterInfo.name}"/>','<c:out value="${status.count}"/>','<c:out value="${adapterInfo.id}"/>');"><h5><c:out value="${adapterInfo.name}"/></h5></a></div>
<div class="CollapsiblePanelContent" id='adapterDetails-<c:out value="${adapterInfo.id}"/>'>
</div>
</div>
<script type="text/javascript">

CollapsiblePanel[<c:out value="${status.count}"/>] = new Spry.Widget.CollapsiblePanel('<c:out value="${adapterInfo.id}"/>', {contentIsOpen:false, enableAnimation:false});
if(($('remoteCatalogList').options).length == 0)
{
Element.hide($('remoteCatalogList'));
Element.hide($('catPriorityHead'));
$('catalogInfo').innerHTML = 'Currently there no adpter selected.Please click on edit button to select catalog';
}
Element.hide($('newCatalogUpButton'));
Element.hide($('newCatalogDownButton'));
</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 showCatalogDetail( ) function on mouse click.

Java script code for JS function

Expand|Select|Wrap|Line Numbers
  1. function showCatalogDetail(name,adapterName,widgetId,adapterId) {
  2.  
  3.   var dummy=new Date().getTime(); 
  4.   var divName = 'adapterDetails-'+adapterId;
  5.   new Ajax.Updater(divName, '<html:rewrite page="/do/AdminGUI/getCatalogDetails"/>'+'?dummy='+dummy,
  6.                 {  method:'post', evalScripts: true, parameters: {campaignName: name, adapterName: adapterName,widgetId:widgetId,adapterId:adapterId } } ) ;  
  7.  
  8.  
  9. }
  10.  
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.
Nov 14 '07 #1
Share this Question
Share on Google+
5 Replies


acoder
Expert Mod 15k+
P: 16,027
So do you get any errors? If so, what errors?
Nov 14 '07 #2

P: 3
So do you get any errors? If so, what errors?
not i am not getting any errors.
Nov 14 '07 #3

acoder
Expert Mod 15k+
P: 16,027
Can you give the generated client-side code, so that it's easier to understand.
Nov 14 '07 #4

P: 3
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
Nov 15 '07 #5

acoder
Expert Mod 15k+
P: 16,027
Why would that be? Can you not find a div on the page with ID "adapterList"?

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.
Nov 16 '07 #6

Post your reply

Sign in to post your reply or Sign up for a free account.