HTML5 Popups

An asset by mocha
The page banner background of a mountain and forest
HTML5 Popups hero image

Quick Information

0 ratings
HTML5 Popups icon image
mocha
HTML5 Popups

Adds simple "OK", "Yes/No", and text input popups for web exportsView full documentation on gitlab or inside godot

Supported Engine Version
4.0
Version String
1.0
License Version
MIT
Support Level
community
Modified Date
1 month ago
Git URL
Issue URL

HTML5 Popups (for godot 4)

Godot 4 addon that adds javascript alert(), confirm(), and prompt() popups for web exports.

Note that displaying any of these popups will freeze the project until they are dismissed!
Also keep in mind that the browser may give the option to disallow the page from showing more popups.
Also also, this addon obviously only works on web exports.

Usage through nodes

HTML5AcceptDialog

Simple popup which displays some text and has a single "ok" button to dismiss it.

Properties:

  • dialog_text:String: The text to display in the popup

Signals:

  • done(): emitted when the popup is dismissed

Functions:

  • show()->null: display the popup

HTML5ConfirmationDialog

A popup with "yes/okay" and "no/cancel" buttons (actual button text may vary between browsers).

Properties:

  • dialog_text:String: The text to display in the popup

Signals:

  • canceled(): The popup was dismissed or the "no/cancel" button was pressed
  • confirmed(): The "yes/okay" button was pressed
  • done(result:bool): Triggers both if the popup was canceled or confirmed, with result as true if it was confirmed, and false otherwise

Functions:

  • show()->bool: display the popup (return value is the same as the done() signal)

HTML5InputDialog

A popup with a text input field, similar to a LineEdit. It also has the "yes/okay" and "no/cancel" buttons.

Properties:

  • dialog_text:String: The text to display in the popup
  • default_value:String: A pre-filled value for in the input field

Signals:

  • canceled(): The popup was dismissed or the user entered an empty string ("")
  • confirmed(text:String): The user entered some text & pressed "yes/okay"
  • done(result:String): Triggers both if the popup was canceled or confirmed, with result as the entered text if it was confirmed, and and empty string ("") otherwise

Functions:

  • show()->string: display the popup (return value is the same as the done() signal)

Usage through HTML5Popups

If you prefer not to use nodes, you can use the HTML5Popups static class to summon all the same popups as with the nodes.

Functions (static):

  • accept_dialog(text:String)->null: Summon the HTML5AcceptDialog node popup
  • confirmation_dialog(text:String)->bool: Summon the HTML5ConfirmationDialog node popup
  • input_dialog(text:String, default_value:String="")->String: Summon the HTML5InputDialog node popup

You can also use the Javascript names instead:

  • alert(text:String)->null: same as accept_dialog
  • confirm(text:String)->bool: same as confirmation_dialog
  • prompt(text:String, default_value:String="")->String: same as input_dialog

Adds simple "OK", "Yes/No", and text input popups for web exports

View full documentation on gitlab or inside godot

Reviews

0 ratings

Your Rating

Headline must be at least 3 characters but not more than 50
Review must be at least 5 characters but not more than 500
Please sign in to add a review

Quick Information

0 ratings
HTML5 Popups icon image
mocha
HTML5 Popups

Adds simple "OK", "Yes/No", and text input popups for web exportsView full documentation on gitlab or inside godot

Supported Engine Version
4.0
Version String
1.0
License Version
MIT
Support Level
community
Modified Date
1 month ago
Git URL
Issue URL

Open Source

Released under the AGPLv3 license

Plug and Play

Browse assets directly from Godot

Community Driven

Created by developers for developers