Alert

[Ice_Knight]

how do you make a Proboards Alert window appear?

[Todge]

Jun 2, 2024 8:41:50 GMT -8 Ice_Knight said:

how do you make a Proboards Alert window appear?

pb.window.alert('Alert Title', 'Alert Content', { options });

More information about the proBoards API window can be found here.

[Ice_Knight]

How do you assign it to a function?

[Chris]

Mar 25, 2013 5:13:37 GMT -8 Chris said:

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');
}
}
   }
)
  
  

[Ice_Knight]

It works now, thanks Chris!

[Chris]

I should note that the examples given above use the proboards namespace (circa 2013) instead of the newer pb namespace (recommended) but still works in the current platform version. It will still be a breaking change in V6 since that introduces pb.dialog instead of continuing to use pb.window anyway

[Ice_Knight]

I plan on using proboards.alert because its the only one that works for me.

[Chris]

pb.window.alert links to proboards.alert under the hood basically just passing the arguments on, so if it didn't work, then it most likely was a syntax error in the argument, which got fixed when you had to rewrite it for the OG API.
It would have generated an error in the browser's console, which would have led you to the exact line and column/character where the error occurred. This is why it is so much better to give a forum URL where the issue is occurring so it can be examined for such errors rather than making wild guesses as to what might be occurring.