Navigation#

Opening a web page in a new tab#

WA.nav.openTab(url: string): void

Opens the webpage at "url" in your browser, in a new tab.

Example:

WA.nav.openTab("https://www.wikipedia.org/");

Opening a web page in the current tab#

WA.nav.goToPage(url: string): void

Opens the webpage at "url" in your browser in place of WorkAdventure. WorkAdventure will be completely unloaded.

Example:

WA.nav.goToPage("https://www.wikipedia.org/");

Going to a different map from the script#

WA.nav.goToRoom(url: string): void

Move the user to another room.

• Relative urls: "../subFolder/map.json[#start-layer-name]"
• Global urls: "/_/global/domain/path/map.json[#start-layer-name]"

Example:

WA.nav.goToRoom("/@/tcm/workadventure/floor0"); // workadventure urls
WA.nav.goToRoom("../otherMap/map.json");
WA.nav.goToRoom("/_/global/<path to global map>.json#start-layer-2");

// Let's teleport the player to the entry named "my-entry-point"
WA.nav.goToRoom("#my-entry-point");

Opening/closing web page in Co-Websites#

WA.nav.openCoWebSite(url: string, allowApi?: boolean = false, allowPolicy?: string = "", percentWidth?: number, position?: number, closable?: boolean, lazy?: boolean): Promise<CoWebsite>

Opens the webpage at "url" in an iFrame (on the right side of the screen) or close that iFrame. allowApi allows the webpage to use the "IFrame API" and execute script (it is equivalent to putting the openWebsiteAllowApi property in the map). allowPolicy grants additional access rights to the iFrame. The allowPolicy parameter is turned into an allow feature policy in the iFrame,widthPercent define the width of the main cowebsite beetween the min size and the max size (70% of the viewport), position in whitch slot the web page will be open, closable allow to close the webpage also you need to close it by the api.

Example:

const coWebsite = await WA.nav.openCoWebSite("https://www.wikipedia.org/");
const coWebsiteWorkAdventure = await WA.nav.openCoWebSite(
  "https://workadventu.re/",
  true,
  "",
  70,
  1,
  true,
  true
);
// ...
coWebsite.close();

Get all Co-Websites#

WA.nav.getCoWebSites(): Promise<CoWebsite[]>

Get all opened co-websites with their ids and positions.

Example:

const coWebsites = await WA.nav.getCoWebSites();

Redirecting user to the "login" page#

WA.nav.goToLogin(): Promise<void>

Closes WorkAdventure and opens the login page in your browser.

If you are using the self-hosted version of WorkAdventure, the call will fail if no OpenID provider is configured.

Example:

await WA.nav.goToLogin();