# How to create a simple DHTML dialog

**URL:** <https://www.ruby-forum.com/t/how-to-create-a-simple-dhtml-dialog/105513>\
**Category:** Rails\
**Created:** [May 30, 2007, 4:38pm UTC](https://www.ruby-forum.com/t/how-to-create-a-simple-dhtml-dialog/105513 "2007-05-30T16:38:16Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![sbeam](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/s/258eb7/32.png) [@sbeam](https://www.ruby-forum.com/u/sbeam)\
**Post date:** [May 30, 2007, 4:38pm UTC](https://www.ruby-forum.com/t/how-to-create-a-simple-dhtml-dialog/105513/1 "2007-05-30T16:38:16Z")

</div>

I am looking to create a simple dialog window like this on a page:

[http://developer.yahoo.com/yui/examples/container/simpledialog/2.html](http://developer.yahoo.com/yui/examples/container/simpledialog/2.html)

I know scriptaculous comes with Rails, not YUI, but I can’t find  
anything similar there. Is there any shortcut to doing this with  
existing plugins or core stuff?, or must I download another toolkit?

thanks  
Sam

---

<div class="post-metadata">

**Author:** ![sbeam](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/s/258eb7/32.png) [@sbeam](https://www.ruby-forum.com/u/sbeam)\
**Post date:** [May 30, 2007, 4:41pm UTC](https://www.ruby-forum.com/t/how-to-create-a-simple-dhtml-dialog/105513/2 "2007-05-30T16:41:16Z")

</div>

Hi,

You could have a look at lightbox variants, I haven’t had too in-depth a  
look though I’ve worked on a project using lightbox in rails and it  
worked  
rather nicely.

> **[The Open Software Wiki - SWiK](https://swik.net)**
>
> Swik interested in the latest programs, technology news, evaluation, products review and open source software download.

Cheers,  
James

---

<div class="post-metadata">

**Author:** ![sbeam](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/s/258eb7/32.png) [@sbeam](https://www.ruby-forum.com/u/sbeam)\
**Post date:** [May 30, 2007, 5:03pm UTC](https://www.ruby-forum.com/t/how-to-create-a-simple-dhtml-dialog/105513/3 "2007-05-30T17:03:20Z")

</div>

Sam,

> I am looking to create a simple dialog window like this on a page:

[http://developer.yahoo.com/yui/examples/container/simpledialog/2.html](http://developer.yahoo.com/yui/examples/container/simpledialog/2.html)

This library is actively maintained:

[http://prototype-window.xilinus.com](http://prototype-window.xilinus.com)  
[http://prototype-window.xilinus.com/samples.html](http://prototype-window.xilinus.com/samples.html)

Its theming options let you tube the way it looks like :  
[http://prototype-window.xilinus.com/themes.html](http://prototype-window.xilinus.com/themes.html)

> I know scriptaculous comes with Rails, …

For javascript and prototype in Rails questions, there is another list :

[http://groups.google.com/group/rubyonrails-spinoffs](http://groups.google.com/group/rubyonrails-spinoffs)

## – Alain R.

[http://blog.ravet.com](http://blog.ravet.com)

---

<div class="post-metadata">

**Author:** ![sbeam](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/s/258eb7/32.png) [@sbeam](https://www.ruby-forum.com/u/sbeam)\
**Post date:** [May 30, 2007, 6:17pm UTC](https://www.ruby-forum.com/t/how-to-create-a-simple-dhtml-dialog/105513/4 "2007-05-30T18:17:55Z")

</div>

Thanks - it actually didn’t have to be modal (just a pop-up help/hint)  
so I ended up just using Effect.Appear and Effect.Fade (which were  
already available) on a custom DIV. Should suffice for now…

Regards,  
Sam

On Wednesday 30 May 2007, James Brooks wrote:

> Hi,
> 
> You could have a look at lightbox variants, I haven’t had too in-depth  
> a  
> look though I’ve worked on a project using lightbox in rails and it  
> worked
> 
> >

[http://developer.yahoo.com/yui/examples/container/simpledialog/2.html](http://developer.yahoo.com/yui/examples/container/simpledialog/2.html)