HTML5

9. Bölüm : HTML5 Web Messaging API

Web Messaging'e neden ihtiyacımız var ?
Aranacak Metin :
function searchZargan(textToSearch) {
   var zarganWindow = (document.getElementById('frameZargan').contentWindow || document.getElementById('frameZargan').contentDocument);
   zarganWindow.document.getElementById("Sozcuk").value = textToSearch;
   zarganWindow.document.getElementById("AraForm").submit();
}
HTML5 Web Messaging API Demo

Gelen Mesajlar :

Mesajı Gönderen Sayfa Detaylı İnceleme

Mesajı Gönderen Sayfa

<iframe id="frameOtherDomain" src="bl9_1.htm"></iframe>
<input type="text" id="txtMessage" />
<input type="button" onclick="sendMessage(document.getElementById('txtMessage').value);" value="Gönder" />

Mesajı Gönderen Scriptler

window.addEventListener('message', function (event) {
   if (event.origin == "http://merhanersoy.net") {
      document.getElementById('divMessages').innerHTML += 'Gelen Mesaj : ' + event.data;
   } else {
      document.getElementById('divMessages').innerHTML += 'Gelen Mesaj Reddedildi.';
   }
}, false);

function sendMessage(messageText) {
   var targetOrigin = 'http://merhanersoy.net';
   document.getElementById('frameOtherDomain').contentWindow.postMessage(messageText, targetOrigin);
   // Önceki örnek için :
   //document.getElementById('frameZargan').contentWindow.postMessage(textToSearch, 'http://zargan.com');
}
Mesajı Alan Sayfa Detaylı İnceleme

Mesajı Alan Scriptler

window.addEventListener('message', function (event) {
   if (event.origin == "http://merhanersoy.net") {
      document.getElementById('divMessages').innerHTML += 'Gelen Mesaj : ' + event.data;
      var returnMessage = 'Gönderdiğiniz mesaj alındı.';
      event.source.postMessage(returnMessage, event.origin);
      document.getElementById('divMessages').innerHTML += 'Gönderilen Mesaj : ' + returnMessage;
   } else {
      document.getElementById('divMessages').innerHTML += 'Gelen Mesaj Reddedildi.';
   }
}, false);