Proboards alert box

[Texas]

I'm trying to create an alert box like the one that pops when you click on the "participated" button. Everything works fine and looks great until I declare the position of the box "fixed" then it just disapears off the screen and I can't find.

Here is what my code looks like.


var box =  '<div id="alert_box" class="container ui-widget ui-corner-all" style="position: fixed; width: 45%; margin-top: 50px; align: center; z-index: 2000; background-color: rgba(51, 0, 0, 0.5); border-radius: 5px 5px 5px 5px; border: 0 none; font-size: 1em; padding: 15px;">' +
               '<div class="title-bar">' +
                   '<h2><center>Alert!</center></h2>' +
                       '</div>' +
                   '<div class="content cap-bottom"><center></br>'+alert+'</br></br><button id="alert_accept">Accept</button></div>' +
               '</div>';

[Chris]

Instead of creating a dialog from scratch you could use the built-in functions provided by Proboards. There are several functions varying in degree of complexity and all act as a frontend for the jQuery dialog widget.

• proboards.alert(title, statement)
  This is the simplest of them all and is analogous to the javascript window.alert method with the exception that it is non-modal so will not block all execution until a user action has been taken (this means scripts can continue running in the background). The title argument is optional and if omitted then "Alert" will be used as the title. Statement can be an HTML string which is also an improvement over the native alert.
  
  
  proboards.alert('<span style="font-size:2em;">H</span>ello <span style="font-size:2em;">W</span>orld')
• proboards.confirm(question, onYes)
  This would be the counterpart to the window.confirm method which asks for yes/no input from the user. It is non-modal and question can be HTML. The onYes argument expects a function which will be called if the user chooses yes.
  
  
  proboards.confirm('<span style="font-size:2em;">H</span>ello <span style="font-size:2em;">W</span>hirled?',
function(){console.log('Confirmed! world still spinning');}
)
  
• proboards.dialog(id, options)
  This one is closest to the widget and allows passing options directly to the widget. The id would be the id of a previously used dialog div but if it doesn't exist then it will be created. This is still a frontend for the widget so it adds a few things to make it easier than working directly with the widget so along with the standard ui-dialog options you can also add an html entry in options to specify content for the dialog.
  
  
  proboards.dialog('world',
   {
   title:'Scarface',
   html:'<span style="font-size:2em;">G</span>oodbye <span style="font-size:2em;">W</span>orld',
buttons: {
'Say hello to my little friend': function(){
$(this).dialog('close');
}
}
   }
)
  
  

Update:

---

...and also a disable entry to simulate a modal dialog (it will create an overlay preventing user from interacting with the page until dialog closes) If you do use the modal form (disable is true) remember that you lose the beforeClose event since that is used to close the overlay

This feature which is already an available option in the widget as modal has been dropped in later V5 releases. My original theory that this was to control the overlay and avoid disabling ad clicks doesn't seem to have been the problem or has been solved by alternate means.

[Texas]

Okay, well that simplifies things