JSP file code snippet: Code: ( html4strict )
1. <div id="adapterList" style="display:none"> 2. <center> 3. <h5 >Adapter Selection</h5> 4. </center> 5. <h1 class='info'>Click on the arrow to expand or collapse an Adapter's Viewer.</h1> 6. 7. <c:forEach var="adapterInfo" items="${campaignManager.contentAdaptersInfo}" varStatus="status"> 8. <div class="CollapsiblePanel" id='<c:out value="${adapterInfo.id}"/>'> 9. <!-- button row --> 10. <div class="CollapsiblePanelTab" title='click here to open catalog'> 11. <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> 12. <div class="CollapsiblePanelContent" id='adapterDetails-<c:out value="$ {adapterInfo.id}"/>'> 13. </div> 14. </div> 15. <script type="text/ javascript"> 16. 17. CollapsiblePanel[<c:out value="${status.count}"/>] = new Spry.Widget.CollapsiblePanel('<c:out value="${adapterInfo.id}"/ >', {contentIsOpen:false, enableAnimation:false}); 18. if(($('remoteCatalogList').options).length == 0) 19. { 20. Element.hide($('remoteCatalogList')); 21. Element.hide($('catPriorityHead')); 22. $('catalogInfo').innerHTML = 'Currently there no adpter selected.Please click on edit button to select catalog'; 23. } 24. Element.hide($('newCatalogUpButton')); 25. Element.hide($('newCatalogDownButton')); 26. </script> 27. </c:forEach> 28. </div> 29. 30. </form> 31. <!-- end panel contents --> 32. 33. 34. </div> 35. </form> 36. <!-- end tabs content --> 37. </div> 38. 39. <!-- end tabbed content area ************************* --> 40. </div> 41. <!-- end main body **** --> I am calling showCatalogDetail( ) function on mouse click. Java script code for JS function Code: ( javascript ) 1. function showCatalogDetail(name,adapterName,widgetId,adapte rId) { 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. } 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. I am not getting any error in IE is not displaying the updated div content. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Prototype: Core" group. To post to this group, send email to prototype-core@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/prototype-core?hl=en -~----------~----~----~----~------~----~------~--~---