JSP file code snippet:
Code: ( html4strict )
<%@ taglib uri="http://java.sun.com/jsp/jstl/core"
prefix="c" %>
<%@ taglib prefix="fn"
uri="http://java.sun.com/jsp/jstl/functions" %>
<!-- main body **** -->
<div class="content">
<div class="hed clearfix">
<h4><a href="index.jsp" title="back to
Campaign
list">Campaigns</a></h4>
</div>
<!-- tabbed content area ************************* -->
<div id="summaryInfo" class="tabs">
<!-- tabs navigation -->
<ul class="tabsnav">
<li><a href="#"
onclick="loadSummary(''<c:out value="$
{campaign.name}"/>'');"><em>Summary</em></a></li>
<li><a href="#"
onclick="showTargetingRules(''<c:out
value="${campaignName.name}"/>'');"><em>Targeting
Rules</em></a></li>
<li><a href="#"
onclick="loadItems(''<c:out value="$
{campaign.name}"/>'');"><em>Item
Pools</em></a></li>
<li class="selected"><a
href="#"><em>Catalog Selection </em></a></
li>
</ul>
<!-- end tabs navigation -->
<!-- tabs content -->
<div class="tabscontent">
<div id="general-details">
<div class="hed clearfix">
<div class="col1">
<h4><c:out value="${campaign.name}"/></h4>
</div>
<div class="col12 right"
id=''catalogEditButton''>
<button type="button" class="edit"
title="Edit
Catalog Priority."
onclick="editCatalog();"><span>Edit</span></button>
</div>
<div class="col12 right"
id=''catalogSaveButton''
style="display:none">
<button type="button" class="save"
title="Save these
settings."
onclick="saveCatalogSelection();"><span>Save</span></
button>
<button
onclick="cancelCatalogSelection(''<c:out value="$
{campaign.name}"/>'');" type="button"
name="cancel"
class="cancel"><span>Cancel</span></button>
</div>
</div>
<!-- table: general details -->
<form id="campaignSummaryForm">
<input type="hidden"
name="campaignName"
value="<c:out value="${campaign.name}"/>">
<div class="pad">
<!-- begin panel contents -->
<form id="createCampaignForm"
action="dummy">
<table>
<tr>
<th
id="catPriorityHead">Catalog Priority</th><th
id="catalogInfo"
class=''info''>Click on the Edit button to add a catalog or
change
catalog pripority.</th><th></th>
</tr>
<tr>
<td >
<select id="remoteCatalogList"
multiple="multiple"
size="10">
<optgroup label="Selected
Catalogs"></optgroup>
</td>
<td>
<div id="catalogPriorityButtons" >
<table >
<tr>
<th id
=''catalogPriorityInfo'' class=''info''
style="display:none">Click on a
name and use the Up/Down buttons to reprioritize selected catalogs.
</th>
<tr>
<th id =''catalogRemoveInfo''
class=''info''
style="display:none">Click on a catalog name and use the Remove
button
to delete the selected catalog.
</th>
</tr>
<tbody>
<tr>
<td><button
id="newCatalogUpButton"
onclick="moveOptionsUp(''remoteCatalogList'')"
type="button" class="up"
title=''increase priority''
style="width:80;height:25;"><span >Up</
span></button>
</td>
</tr>
<tr>
<td><button id="newCatalogDownButton"
onclick="moveOptionsDown(''remoteCatalogList'');"
type="button"
name="new" class="down" title=''decrease
priority'' style="width:
80;height:25;"><span >Down</span></button>
</td>
</tr>
<tr>
<td><button id="catalogRemoveButton"
onclick="removeOptions(''remoteCatalogList'');"
type="button" name="new"
class = "delete" style="display:none;"><span
>Remove</span></button>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</table>
<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 = ''Click
on the Edit
button to select one or more catalogs.'';
}
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 **** -->
<!-- end main body **** -->
I am calling showCatalogDetail( ) function on mouse click.
Java script code for JS function
Code: ( javascript )
function showCatalogDetail(name,adapterName,widgetId,adapterId) {
var dummy=new Date().getTime();
var divName = ''adapterDetails-''+adapterId;
new Ajax.Updater(divName, ''<html:rewrite page="/do/AdminGUI/
getCatalogDetails"/>''+''?dummy=''+dummy,
{ method:''post'', evalScripts: true,
parameters:
{campaignName: name, adapterName:
adapterName,widgetId:widgetId,adapterId:adapterId } } ) ;
}
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
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
Kavan, I suggest you work on a reduced test case to isolate your issue. The above "snippet" is way too big to debug, especially on a mailing list. Regards, Tobie On Nov 15, 11:28 am, kavan <kavan.de...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:> JSP file code snippet: > > Code: ( html4strict ) > > <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> > <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> > <!-- main body **** --> > <div class="content"> > <div class="hed clearfix"> > <h4><a href="index.jsp" title="back to Campaign > list">Campaigns</a></h4> > </div> > <!-- tabbed content area ************************* --> > <div id="summaryInfo" class="tabs"> > <!-- tabs navigation --> > <ul class="tabsnav"> > <li><a href="#" onclick="loadSummary(''<c:out value="$ > {campaign.name}"/>'');"><em>Summary</em></a></li> > <li><a href="#" onclick="showTargetingRules(''<c:out > value="${campaignName.name}"/>'');"><em>Targeting Rules</em></a></li> > <li><a href="#" onclick="loadItems(''<c:out value="$ > {campaign.name}"/>'');"><em>Item Pools</em></a></li> > > <li class="selected"><a href="#"><em>Catalog Selection </em></a></ > li> > </ul> > <!-- end tabs navigation --> > <!-- tabs content --> > <div class="tabscontent"> > <div id="general-details"> > <div class="hed clearfix"> > <div class="col1"> > <h4><c:out value="${campaign.name}"/></h4> > > </div> > <div class="col12 right" id=''catalogEditButton''> > <button type="button" class="edit" title="Edit > Catalog Priority." onclick="editCatalog();"><span>Edit</span></button> > </div> > <div class="col12 right" id=''catalogSaveButton'' > style="display:none"> > <button type="button" class="save" title="Save these > settings." onclick="saveCatalogSelection();"><span>Save</span></ > button> > <button onclick="cancelCatalogSelection(''<c:out value="$ > {campaign.name}"/>'');" type="button" name="cancel" > class="cancel"><span>Cancel</span></button> > </div> > </div> > > <!-- table: general details --> > <form id="campaignSummaryForm"> > <input type="hidden" name="campaignName" > value="<c:out value="${campaign.name}"/>"> > <div class="pad"> > > <!-- begin panel contents --> > <form id="createCampaignForm" > action="dummy"> > > <table> > <tr> > > <th > id="catPriorityHead">Catalog Priority</th><th id="catalogInfo" > class=''info''>Click on the Edit button to add a catalog or change > catalog pripority.</th><th></th> > > </tr> > <tr> > <td > > <select id="remoteCatalogList" multiple="multiple" > size="10"> > <optgroup label="Selected Catalogs"></optgroup> > > </td> > > <td> > <div id="catalogPriorityButtons" > > <table > > <tr> > <th id > =''catalogPriorityInfo'' class=''info'' style="display:none">Click on a > name and use the Up/Down buttons to reprioritize selected catalogs. > </th> > <tr> > <th id =''catalogRemoveInfo'' class=''info'' > style="display:none">Click on a catalog name and use the Remove button > to delete the selected catalog. > </th> > </tr> > <tbody> > > <tr> > <td><button id="newCatalogUpButton" > onclick="moveOptionsUp(''remoteCatalogList'')" type="button" class="up" > title=''increase priority'' style="width:80;height:25;"><span >Up</ > span></button> > </td> > </tr> > <tr> > <td><button id="newCatalogDownButton" > onclick="moveOptionsDown(''remoteCatalogList'');" type="button" > name="new" class="down" title=''decrease priority'' style="width: > 80;height:25;"><span >Down</span></button> > </td> > </tr> > <tr> > <td><button id="catalogRemoveButton" > onclick="removeOptions(''remoteCatalogList'');" type="button" name="new" > class = "delete" style="display:none;"><span >Remove</span></button> > </td> > </tr> > </tbody> > </table> > </div> > </td> > </tr> > </table> > <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 = ''Click on the Edit > button to select one or more catalogs.''; > } > 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 **** --> > <!-- end main body **** --> > > I am calling showCatalogDetail( ) function on mouse click. > > Java script code for JS function > > Code: ( javascript ) > > function showCatalogDetail(name,adapterName,widgetId,adapterId) { > > var dummy=new Date().getTime(); > var divName = ''adapterDetails-''+adapterId; > new Ajax.Updater(divName, ''<html:rewrite page="/do/AdminGUI/ > getCatalogDetails"/>''+''?dummy=''+dummy, > { method:''post'', evalScripts: true, parameters: > {campaignName: name, adapterName: > adapterName,widgetId:widgetId,adapterId:adapterId } } ) ; > > } > > 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 "Ruby on Rails: Spinoffs" group. To post to this group, send email to rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-spinoffs?hl=en -~----------~----~----~----~------~----~------~--~---