# Modal pop up

**URL:** <https://www.ruby-forum.com/t/modal-pop-up/195222>\
**Category:** Rails\
**Created:** [September 20, 2010, 4:52am UTC](https://www.ruby-forum.com/t/modal-pop-up/195222 "2010-09-20T04:52:25Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![sahanar17](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/s/b487fb/32.png) [@sahanar17](https://www.ruby-forum.com/u/sahanar17)\
**Post date:** [September 20, 2010, 4:52am UTC](https://www.ruby-forum.com/t/modal-pop-up/195222/1 "2010-09-20T04:52:25Z")

</div>

I have a link which opens the modal pop fading the background. I have  
this line of code to create the pop up

\<%= javascript\_tag “new  
Popup(‘new\_author\_popup’,‘new\_author\_link’,{modal:true})” %\>

Popup comes up but the problem I’ve is everything fades including the  
popup. I don’t know what is causing my pop up to fade away.

can anybody help me on this

Thanks!!

---

<div class="post-metadata">

**Author:** ![sahanar17](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/s/b487fb/32.png) [@sahanar17](https://www.ruby-forum.com/u/sahanar17)\
**Post date:** [September 20, 2010, 6:52am UTC](https://www.ruby-forum.com/t/modal-pop-up/195222/2 "2010-09-20T06:52:45Z")

</div>

are you using firebug? is the popup inside the body and you are making  
the  
whole body fade?

---

<div class="post-metadata">

**Author:** ![sahanar17](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/s/b487fb/32.png) [@sahanar17](https://www.ruby-forum.com/u/sahanar17)\
**Post date:** [September 21, 2010, 1:38am UTC](https://www.ruby-forum.com/t/modal-pop-up/195222/3 "2010-09-21T01:38:59Z")

</div>

Hi,

I’m calling the javascript inside the body, but placing it outside is  
also not working. After coorecting a very small spelling mistake, I’m  
getting the pop up at the center(vertically center, horizontally right  
extreme)of the page but I get a horizontal scroll bar at the bottom  
making my pop up nly half accesible.

where am I going wrong?

Thanks!