<script src="jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="jquery.dialogue.js" type="text/javascript"></script>
<link href="jquery.dialogue.css" rel="stylesheet" media="screen" type="text/css" />

$.dialogue.alert('hello world'); 
$.dialogue.alert('hello world', {titleText : 'Custom Alert Title'}); 
$.dialogue.confirm('Are you sure you want to continue?', {titleText : 'Confirm'});
$.dialogue.input('Is this cool?', {}, function(r) { $.dialogue.alert(r); }); 
$.dialogue.input('Example w/ a custom dimension', {width : 350, height : 150}); 

see demo.html

$.dialogue.confirm("Are you sure?", {}, function(v) {

  if(v) {
    // do your thing
  } else {
    // do nothing
  }

});

$.dialogue.alert($('#somediv')); 

<link href="src/jquery.dialogue-fb.css" rel="stylesheet" media="screen" type="text/css" /a>

$('a[data-confirm], a[data-method], a[data-remote]').live('click.rails', function(e) {
    var link = $(this);

    var message = link.data('confirm');
    
    $.dialogue.confirm(message, {}, function(r) {

      if(r) {

        if (link.data('remote') != undefined) {
          handleRemote(link);
          return false;
        } else if (link.data('method')) {
          handleMethod(link);
          return false;
        }

      } else {
        return false;
      }

    });

    return false; 
}); 

<%= link_to 'foo', 'bar', :confirm => "Are you sure?" %>

<%= link_to 'foo', 'bar', :method => :delete, :remote => true, :confirm => "Are you sure?" %>