# Problem with visual scriptaculous puff

**URL:** <https://www.ruby-forum.com/t/problem-with-visual-scriptaculous-puff/164750>\
**Category:** Rails\
**Created:** [April 5, 2009, 7:52am UTC](https://www.ruby-forum.com/t/problem-with-visual-scriptaculous-puff/164750 "2009-04-05T07:52:39Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![tkbeili](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/7bcc69/32.png) [@tkbeili](https://www.ruby-forum.com/u/tkbeili)\
**Post date:** [April 5, 2009, 7:52am UTC](https://www.ruby-forum.com/t/problem-with-visual-scriptaculous-puff/164750/1 "2009-04-05T07:52:39Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![tkbeili](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/7bcc69/32.png) [@tkbeili](https://www.ruby-forum.com/u/tkbeili)\
**Post date:** [April 5, 2009, 12:58pm UTC](https://www.ruby-forum.com/t/problem-with-visual-scriptaculous-puff/164750/2 "2009-04-05T12:58:52Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![tkbeili](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/7bcc69/32.png) [@tkbeili](https://www.ruby-forum.com/u/tkbeili)\
**Post date:** [April 5, 2009, 12:58pm UTC](https://www.ruby-forum.com/t/problem-with-visual-scriptaculous-puff/164750/3 "2009-04-05T12:58:52Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![tkbeili](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/t/7bcc69/32.png) [@tkbeili](https://www.ruby-forum.com/u/tkbeili)\
**Post date:** [April 5, 2009, 8:03pm UTC](https://www.ruby-forum.com/t/problem-with-visual-scriptaculous-puff/164750/4 "2009-04-05T20:03:43Z")

</div>

Thanks a lot Jaryl. that did it!