Agile Web Development

Build it. Launch it. Love it.

Links

rdialog

Categories

Ready-made Rails code

rdialog

Simple popup dialog with graphic border.

(2008.01.08) Updated to version 0.3

  • Added a simple skin
  • Fixed centering accroding to current scroll offsets

Demo

  • http://ikspres.koruby.com:7791/rdialog/demo

Inspired and mostly based on Prototype, Scriptaculous and "Popup libraray"

  • Prototype library: http://www.prototypejs.org/
  • Scriptaculous library: http://script.aculo.us/
  • Popup library: http://www.methods.co.nz/popup/popup.html

You can easily create a popup dialog with a few lines, change the border width or height with CSS, or even change the border images if you are good at Gimp or Photoshop.

See README for detailed usage.

Vitals

Home http://ikspres.koruby.com:7791/rdialog/demo
Repository http://ikspres.googlecode.com/svn/trunk/rails_plugins/rdialog
License Rails' (MIT)
Tags Tag_red dialog popup
Rating (8 votes)
Owner ikspres
Created 26 July 2007

Comments

  • Avatar
    Ares
    4 August 2007

    Cool, but there's a problem in IE (and maybe some more). When you want to have 2 openers on one page, they get mixed somehow and it doesn't work :(. Anyone tried to solve this?

  • Avatar
    ikspres
    8 August 2007

    Ares, I added one more dialog in demo page above, and tested with IE6 and Firefox. Please check it and send me email if the problem is not cleared.

  • Avatar
    Larry
    25 October 2007

    Ares, Are you giving unique names to your rDialog instances? The following is from the popup site that rDialog references:

    Do not use the same popup element in more than one Popup. Doing so will register the same element-related user interface events in multiple Popup objects. When a user interface event occurs it will be handled in all associated Popup objects and result in unpredictable behavior.

    Given that, here is how I fire up my rDialogs. Assume that 'e' is an event whose information I wish to display:

    rdialog("dialog#{e.id}", :title => e.info, :width => 400)

  • Avatar
    Larry
    27 October 2007

    I'm using rDialog for events in calendars. If I have a tall calendar and click on an event in the bottom row the dialog oftentimes pops up near the top of the web page, which means I can't see it until I scroll up.

    While this is a pain for me it is worse for my users - I know enough to scroll up, they don't. As far as they are concerned when they click on an event nothing happens!

    Is there any way to make rDialog show up in the visible portion of the web page?

  • Avatar
    ikspres
    8 January 2008

    Larry, I updated Rdialog to version 0.3 which may fix your problem. And notice that the repository moved to http://ikspres.googlecode.com/svn/trunk/rails_plugins/rdialog

Add a comment