kavan
2007-Nov-01 15:01 UTC
updated ''div'' element not displayed after Prototype Ajax call in IE 7
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
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
-~----------~----~----~----~------~----~------~--~---
Tom Gregory
2007-Nov-01 16:48 UTC
Re: updated ''div'' element not displayed after Prototype Ajax call in IE 7
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
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
2007-Nov-02 05:33 UTC
Re: updated ''div'' element not displayed after Prototype Ajax call in IE 7
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 <t...-PGZyUNKar/Q@public.gmane.org>
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
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
2007-Nov-13 07:02 UTC
Re: updated ''div'' element not displayed after Prototype Ajax call in IE 7
Can anybody guide me on this? That will be very helpful for me On Nov 2, 10:33 am, kavan <kavan.de...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:> 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 <t...-PGZyUNKar/Q@public.gmane.org> 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 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 -~----------~----~----~----~------~----~------~--~---