Problem with visual scriptaculous puff


#1

Hello,

I’m trying to using the puff effect of Scriptaculous in part of my
website.

I have it working in some part of my website as follows:
respond_to do |wants|
wants.html do
flash[:notice] = ‘client successfully removed from list.’
end
wants.js { render(:update){|page| page.visual_effect :puff,
“edit_single_client_div#{@client.id}”.to_sym}}
end
end

Which works fine. If I put is some other part of website I got this
‘puffing’ instead of the real content of the DIV I’m trying to “puff” as
a result (this is excerpt instead of the real thing):

try {
$(“recipient_list_div”).update("\n\n\t\n\n\t\n\t\n\n\t\t\u003Ctable
\u003E\n\t\t\t\u003Ctr\u003E\n\t \n\t\t\t\t\t\n\t\t\t \n\t\t\t \n\t\t\t
\t\t\t\t\t\t\t\t\t\n\t\t\t\t\u003Ctd nowrap=“nowrap” width=“95”
height=“10”\u003E\n\t\t\t\t \u003Cdiv
id=“recipient_client_1”\u003E\n\t\t\t\t\t\t\u003Cdiv\u003E\n \u003Cb
class=“spiffy”\u003E\n \u003Cb
class=“spiffy1”\u003E\u003Cb\u003E\u003C/b\u003E\u003C/b\u003E\n
\u003Cb
class=“spiffy2”\u003E\u003Cb\u003E\u003C/b\u003E\u003C/b\u003E\n
\u003Cb class=“spiffy3”\u003E\u003C/b\u003E\n \u003Cb
class=“spiffy4”\u003E\u003C/b\u003E\n \u003Cb
class=“spiffy5”\u003E\u003C/b\u003E\u003C/b\u003E\n \u003Cdiv
class=“spiffyfg”\u003E\n\t\t\u003Ctable
width=“100%”\u003E\n\t\t\t\u003Ctr\u003E\n\t\t\t\t\u003Ctd
width=“97%” align=“left” \u003E\n\t\t\t\t\t\u003Cdiv
class=“recipient_list_style”\u003E\n\t\t\t\t\t\t\n\t\t\t\t\t\tTammam
Kbeili\t\t\t\t\t\n\t\t\t\t\t\u003C/div\u003E\n\t\t\t\t\u003C/td\u003E\n\t\t\t\t\u003Ctd
width=“3%” align=“right”\u003E\n\t\t\t\t\t\u003Cimg
alt=“Ajax-loader-green” height=“15”
id=“add_icon_ajax_indicator_recip1”
src="/images/ajax-loader-green.gif?1238481847" style=“display:none”
width=“15” /\u003E \t\t\t\t\t\n\t\t\t\t \u003Ca href="#"
onclick=“new Ajax.Updater(‘recipients_list_div’,
‘/sms/remove_client_to_recipients_list?client_id=1\u0026amp;recipient_session_id=recipients_list’,
{asynchronous:true, evalScripts:true,
onLoading:function(request){$(‘add_icon_ajax_indicator_recip1’).show();$(‘remove_client_icon_recip1’).hide();}});
return false;”\u003E\u003Cimg alt=“Remove_icon_recip” border=“0”
height=“15” id=“remove_client_icon_recip1”
src="/images/remove_icon_recip.png?1238564525" title=“remove
user:Tammam Kbeili from recipients list” width=“15”
/\u003E\u003C/a\u003E\t\t\t\t\t\t\n\t\t\t\t\u003C/td\u003E\n\t\t\t\u003C/tr\u003E\n\t\t\u003C/table\u003E\n
\u003C/div\u003E\n\n \u003Cb class=“spiffy”\u003E\n \u003Cb
class=“spiffy5”\u003E\u003C/b\u003E\n \u003Cb
class=“spiffy4”\u003E\u003C/b\u003E\n \u003Cb
class=“spiffy3”\u003E\u003C/b\u003E\n \u003Cb
class=“spiffy2”\u003E\u003Cb\u003E\u003C/b\u003E\u003C/b\u003E\n
\u003Cb
class=“spiffy1”\u003E\u003Cb\u003E\u003C/b\u003E\u003C/b\u003E\u003C/b\u003E\n\u003C/div\u003E\n\n\n\t\n\n\t\t\t\t\t
\t\n\t\t\t\t \u003C/div\u003E\n\t\t
\t\t\u003C/td\u003E\n\t\t\t\t\n\t\t\t\n\t\t\t\t\t\n\t\t\t \n\t\t\t
\n\t\t\t \t\t\t\t\t\t\t\t\t\n\t\t\t\t\u003Ctd nowrap=“nowrap”
width=“95” height=“10”\u003E\n\t\t\t\t \u003Cdiv
id=“recipient_client_35”\u003E\n\t\t\t\t\t\t\u003Cdiv\u003E\n \u003Cb
class=“spiffy”\u003E\n \u003Cb
class=“spiffy1”\u003E\u003Cb\u003E\u003C/b\u003E\u003C

Not sure what this is happening. I’m guessing it might be interfering
with something I have on that page such as style or script.
I also tried this in different formats

Is there any such known issue with Scriptaculous and rails?

Thanks,

Tam


#2

I don’t know why my last message didn’t get through. You can try not
setting the :update option in your link_to_remote or whatever
Prototype helper you are calling.


#3

You might be specifying the :update hash value in your link_to_remote
(or other JS helper). If you remove it, it should work.


#4

Thanks a lot Jaryl. that did it!