Back Action example

The index.html file containing JavaScript that makes use of the Back Action API functionality is listed below.

<!DOCTYPE html>
<html manifest="manifest.appcache">
  <head>
    <title>BackAction API usage example</title>
    <link rel="x-antenna-managed-webapp-descriptor" href="webapp-descriptor.xml" />

    <script type="text/javascript">
    var loaded = false;
    window.onLaunchboxLoaded = function () { //execute the setUp() function once the launchbox is ready
      loaded = true;
      setUp();
    }
    function setUp() {
      if(!loaded) {//check if launchbox is loaded
        alert("launchbox is not loaded yet");
        return;
      }
      window.launchbox.BackAction.addListener({
        "onBackButtonPressed": function () {
          if (window.switch) {alert("SWITCH=TRUE");} 
          else {
            alert("SWITCH=FALSE");
            window.launchbox.BackAction.fireDefaultBackButtonAction();
          }
        }
      });
    }
    </script>
  </head>
  <body>
    <header>
      <h3><span>BackAction API Usage Example</span>
      </h3>
    </header>
    <div class="white_box_content" style="height: auto;">
      <div>
        <input type="button" onclick="javascript: window.switch = true;" value="switch=true
        - prevent default back action"/>
      </div>
      <div>
        <input type="button" onclick="javascript: window.switch = false;" value="switch=false
        - default back action" />
      </div>
    </div>
  </body>
</html>

The contents of the cache manifest file called manifest.appcache for this application are listed below:

CACHE MANIFEST

#v7

CACHE:
index.html

NETWORK:
*

The webapp-descriptor.xml file for this application is defined in the following way:

<?xml version="1.0" encoding="UTF-8"?>
<webapp-descriptor xmlns="http://www.pega.com/application-hosting/
web-app-descriptor/2.0">
    <id>com.pega.sample.hwbuttons</id>
    <version>1.0.0</version>
    <name>Back Action API usage example</name>
</webapp-descriptor>

Back Action

Back Action example

Related topics