Lastminute.com

Simple demo of the client side portion of the iframe

by TokenEx Support

HTML

</br>
<p id="data"></p>

<!--update the src of this iframe to the HTPURL you obtained from the https://test-htp.tokenex.com/api/session call -->
<iframe id="iframe" width="30%" height="20%" scrolling="no" frameborder="0" src="https://test-htp.tokenex.com/Interplx/Iframe/c411f0b177a64113860622655b5ffa6e" ></iframe> </br>

<button type="button" id="bthSubmit">Post Iframe</button>

JavaScript

document.getElementById('bthSubmit').onclick = submit;

//add event listener for postmessage
if (window.addEventListener) {
  addEventListener("message", listener, false)
} else {
  attachEvent("onmessage", listener)
}

//submit the iframe post
function submit() {
  var iframe = document.getElementById("iframe");
  iframe.contentWindow.postMessage('', "https://test-htp.tokenex.com");
}

//handle the message from the iframe
function listener(event) {
	//validate the origin is from TokenEx
  if (event.origin === 'https://test-htp.tokenex.com') {
    log("<em>Received from the iFrame:" + event.data + "</em>")
    //do something with the JSON. i.e. add the token value to your page
    var response = JSON.parse(event.data);

  } else {
    log("<em>Origin: " + event.origin + " isQn't allowed</em>")
  }
}

function log(message) {
  document.getElementById("data").innerHTML += message + "<br /><br />";
}