Читать JavaScript. Подробное руководство, 6-е издание - Флэнаган Дэвид - Страница 380

<!DOCTYPE html>

<! —

<b>Это модуль поиска на сайте Twitter. Модуль можно подключить к любой странице внутри элемента &lt;iframe&gt; и запросить его выполнить поиск, отправив ему строку запроса с помощью метода postMessage(). Поскольку модуль подключается в элементе &lt;iframe&gt;, а не &lt;script&gt;, он не сможет получить доступ к содержимому вмещающего документа.</b>

-->

<html>

<head>

 <style>body { font: 9pt sans-serif: }</style>

 

<b>  &lt;script src=&quot;</b><a href="http://code.jquery.com/jquery-1.4.4.min.js%22/%3e%3c/script"><b>http://code.jquery.com/jquery-1.4.4.min.js&quot;/&gt;&lt;/script</b></a><b>&gt;</b>

 <script>

 // Можно было бы просто использовать свойство window.onmessage,

<b>    // но некоторые старые броузеры (такие как Firefox 3) не поддерживают его,</b>

 // поэтому обработчик устанавливается таким способом,

 if (window.addEventListener)

 window.addEventListener("message", handleMessage, false);

 else

 window.attachEvent("onmessage", handleMessage); // Для IE8

 function handleMessage(e) {

<b>      // Нас не волнует происхождение документа, отправившего сообщение:</b>

<b>      // мы готовы выполнить поиск на сайте Twitter для любой страницы.</b>

<b>      // Однако сообщение должно поступить от окна, вмещающего этот модуль,</b>

 if (е.source !== window.parent) return;

 var searchterm = e.data; // Это фраза, которую требуется отыскать

<b>      // С помощью утилит поддержки Ajax из библиотеки jQuery и прикладного</b>

<b>      // интерфейса Twitter отыскать сообщения, соответствующие фразе.</b>

<b>      jQuery.getJS0N(&quot;</b><a href="http://search.twitter.com/search.json?callback="><b>http://search.twitter.com/search.json?callback=</b></a><b>?&quot;,</b>

 { q: searchterm },

<b>                     function(data) { // Вызывается с результатами запроса</b>

 var tweets = data.results;

<b>                       // Создать HTML-документ для отображения результатов</b>

 var escaped = searchterm.replace("<", "<”);

<b>                       var html = &quot;&lt;h2&gt;&quot; + escaped + &quot;&lt;/h2&gt;&quot;;</b>

 if (tweets.length == 0) {

 html += "No tweets found";

 }

 else {

 html += "<dl>"; // <dl> list of

 results

 for(var і = 0; і < tweets.length; i++) {

 var tweet = tweets[i];

 var text = tweet.text;

 var from = tweet.from_user;

<b>                           var tweeturl = &quot;</b><a href="http://twitter.eom/#!/"><b>http://twitter.eom/#!/</b></a><b>&quot; + from +</b>

 "/status/" + tweet.id_str;

<b>                             html += &quot;&lt;dt&gt;&lt;a target='_blank‘ href=&quot;' +</b>

 tweeturl + "'>" + tweet.from_user +

<b>                             &quot;&lt;/a&gt;&lt;/dt&gt;&lt;dd&gt;&quot; + tweet.text + &quot;&lt;/dd&gt;&quot;;</b>

 }

 html += "</dl>";

 }

 // Вставить документ в <iframe>

 document.body.innerHTML = html;

 });

 }

 $(function() {

<b>      // Сообщить вмещающему документу, что модуль готов к поиску. Вмещающий документ</b>

<b>      // не может отправлять модулю сообщения до получения этого сообщения, потому что</b>

<b>      // модуль еще не готов принимать сообщения. Вмещающий документ может просто</b>

JavaScript. Подробное руководство, 6-е издание, стр. 380