I am using spry Collapsible widget by following way
JSP code snippet :
<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>
// when I click on the panel widget the showCatalogDetail fuction get
called which is as follows :
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 } } ) ;
}
This function updates the content div element of panel widget. This is
working properly in FF. But not working in IE.The div element is not
showing updated content when this panel open after onClick and
showCatalogDetais function call.
Please help me.
On Nov 1, 9:48 pm, Tom Gregory <[EMAIL PROTECTED]> wrote:
> Your problem is a common one, and it's on this line:
> onComplete: showMe(divName,widgetId)
>
> You're incorrectly assigning the result of the showMe function call
> (i.e. it calls showMe on instantiation and assigns the result to
> onComplete), instead of assigning a function reference. It's the
> difference between having parentheses, or not.
>
> If you're only using the showMe function for the Updater, try
> something like
>
> onComplete: function (transport) {
> // do stuff here
>
> }
>
> TAG
>
> On Nov 1, 2007, at 9:01 AM, kavan wrote:
>
>
>
> > Hi
> > Please look at following function.
>
> > 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,onComplete :
> > showMe(divName,widgetId), parameters: {campaignName: name,
> > adapterName:
> > adapterName,widgetId:widgetId,adapterId:adapterId } } ) ;
>
> > }
>
> > // div with divName id will be overridden with response data. and
> > display after completion. The
> > // fuction is working fine in FF but not working in IE 7.
> > function showMe(divName,widgetId)
> > {
>
> > Element.show($(divName));
> > Element.hide($('campaignTable'));
> > Element.show($('campaignMainContent'));
>
> > }
>
> > Please help me,
--~--~---------~--~----~------------~-------~--~----~
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 [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
