MRAID simple example

mraid_tags.js

<script type="text/javascript">
  function doReadyCheck() {
    if (mraid.getState() == 'loading') {
      //Wait until mraid library is ready and loaded so listen for ready event
      mraid.addEventListener("ready", mraidIsReady);
    }
    else {
      showMyAd();
    }
  }

  function showMyAd() {
    //Add mraid related event listeners here e.g
    //mraid.addEventListener("stateChange", stateChangeHandler);
    //mraid.addEventListener("sizeChange", sizeChangeHandler);
    //mraid.addEventListener("viewableChange", viewableChangeHandler);
    //mraid.addEventListener("error", errorHandler);
    //you can add the rest of the Javascript code related to your Ad here

    var adContainer = document.querySelector('#imageContainer');
    addEvent("click", adContainer, function (e) {
      e.preventDefault(); mraid.expand('http://media.sanoma.fi');
      return false;
    });
  }

  function mraidIsReady() {
    //Remove the ready event listener
    mraid.removeEventListener("ready", mraidIsReady);
    showMyAd();
  }

  function addEvent(evnt, elem, func) {
    if (elem.addEventListener) {
      // W3C DOM
      elem.addEventListener(evnt, func, false);
    } else if (elem.attachEvent) {
      // IE DOM
      elem.attachEvent("on" + evnt, func);
    } else {
      // No much to do
      elem[evnt] = func;
    }
  }
  doReadyCheck();

</script>

<div id="imageContainer">
  <p>Hello there, General Kenobi!</p>
</div>