1 // Copyright 2013 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file.
7 var document = window.document;
19 * Displays message |statusText|, clearing it after 15 seconds.
21 var timeoutSequenceId = 0;
22 function displayStatus(statusText) {
25 var div = document.getElementById("my-status");
26 div.textContent = statusText;
28 var sequenceId = timeoutSequenceId;
29 setTimeout(function() {
30 if (sequenceId === timeoutSequenceId) {
37 * Displays size of ads when an ad has just been displayed.
39 function adDisplayed(source, appMessage) {
40 var adview = document.getElementById("my-adview");
41 adview.style.height = appMessage.data.adSize.height;
43 displayStatus("Ad displayed( " + appMessage.sequenceNumber + "): " +
44 "height=" + appMessage.data.adSize.height);
48 * Displays publisher data information when an ad has just been clicked.
50 function adClicked(source, appMessage) {
51 displayStatus("Ad clicked(" + appMmessage.sequenceNumber + "): " +
52 "publisher id=" + appMessage.publisherData.id);
56 * Dispatches |appMessage| according to message value.
58 function processAppMessage(source, appMessage) {
59 if (appMessage.message == "ad-displayed") {
60 adDisplayed(source, appMessage);
62 else if (appMessage.message == "ad-clicked") {
63 adClicked(source, appMessage);
68 * Handles "message" event.
70 function onPostMessage(event) {
71 processAppMessage(event.source, event.data);
75 * Handles "DOMContentLoaded" event.
77 function onDocumentReady() {
78 var button = document.getElementById('display-ad');
79 var adview = document.getElementById("my-adview");
81 // Enable "Display Ad" button when the adview content is loaded
82 adview.addEventListener('loadcommit', function() {
83 button.disabled = false;
84 button.value = "Display Ad";
85 button.addEventListener('click', function () {
86 adview.contentWindow.postMessage({
87 message: "display-ad",
88 publisherData: publisherData
95 // Register global event listeners.
97 window.addEventListener("message", onPostMessage, false);
98 document.addEventListener('DOMContentLoaded', onDocumentReady, false);