How to call a javascript function from HEScript (toolbar, menubar)?

This guide explains how to call JavaScript functions from a button, menu item, or any general HEScript code in HTML Executable. Let's get started!

The Objective 🎯

You want to call a JavaScript function from your button, menu item, or any general HEScript code. How can you do that? The answer is simple: use the built-in HEScript function named `ExecuteHTMLScript`.

Step-by-Step Guide 📝

Step 1: Open Your HTML Executable Project 📂

Open your HTML Executable project and navigate to the Script Manager. Double-click the "UserMain" script to open the script editor:

Step 2: Use the ExecuteHTMLScript Function 🖋️

In the script editor, use the following code if you want to call your JavaScript code in the default homepage at startup:

procedure OnStartMainWindow;
begin
  // When the main window is going to be displayed (just before the homepage is shown).
  ExecuteHTMLScript("sayHello('world')","");
end;

Don't forget to save your script!

Step 3: Include the Correct JavaScript Function 📚

Ensure that you have the correct JavaScript function in the default homepage (or any HTML page). For instance:

<script>
function sayHello(name) {
  alert('Hello ' + name + '!');
}
</script>

Final Step: Compile Your Project 🧪

Compile your project and that's it! You've successfully called a JavaScript function from your HTML Executable project.