Formation HTML5 : Message API
HTML5 - connectivité

Formation HTML5 : Message API

  1. Messagerie entre fenêtres

API messagerie entre fenêtres

Dans la fenêtre appelante :


        window.name ="Moi";
        function postMessageTest() {
            var value = document.getElementById("messageAPoster").value;
            var iframeWindow = document.getElementById("iframeToPostTo").contentWindow;
            iframeWindow.postMessage(value, "http://localhost");
        }
              

Dans la fenêtre appelée :


        window.addEventListener("message", function(event) {
              var divInfo = document.getElementById("test");
              divInfo.hidden = false;
              divInfo.innerHTML = '<dl><dt>Data :</dt><dd id="thedata"></dd>' +
                                      '<dt>Origin :</dt><dd> ' + event.origin + '</dd>' +
                                      '<dt>Source : </dt><dd>' + event.source.name + '</dd></dl>';
              var ddInfo = document.getElementById("thedata");
              ddInfo.textContent = event.data;
        }, false);
              

API messagerie entre fenêtres (exemple)