Расширение Chrome для настольных уведомлений в отдельном HTML - PullRequest
Новая
       2

Расширение Chrome для настольных уведомлений в отдельном HTML

2 голосов
/ 12 февраля 2011 
<html>
    <head>
    <script src="http://code.jquery.com/jquery-1.4.2.js"></script>
    <script>
       chrome.browserAction.onClicked.addListener(function(tab) {
       var xhr = new XMLHttpRequest();
       xhr.onreadystatechange = function() {
              if (xhr.readyState == 4) {
                if (xhr.status == 200) {
                var $ajaxData =  xhr.responseText;  
                var hidden = document.createElement ( 'div' );
                hidden.id = 'hiddenel';
                $("body").append ( hidden );
                $("#hiddenel").html ($ajaxData);
                var $aa = $("#hiddenel").find('div .somediv');

                var notification = webkitNotifications.createNotification(
                                    'some msg',
                                    'some msg',
                                     $aa.html());
                notification.show();

                } else {
                 alert("Unable to connect...");
                }
              }
            }
            var url = some url;;
            xhr.open('GET', url, true);
            xhr.send();
      });
    </script>
    </head>
</html>

Теперь в этом уведомлении на рабочем столе я получаю HTML-код с тегами. Я хочу удалить эти теги, то есть я хочу заменить $ aa.html на HTML-страницу. Но если я помещу этот скрипт в другой HTML-код, то как мне общаться и какие изменения нужно внести в манифест?

1 Ответ

6 голосов
/ 12 февраля 2011

Самый простой способ передать данные - использовать параметры URL: 

webkitNotifications.createHTMLNotification('notification.html?data=' + escape(data)).show();

Затем на принимающей стороне я просто использую плагин jQuery URL Parser для анализа параметров URL.

PS. Глядя на ваш код, я бы предложил поместить jquery.js в папку расширений и включить его, чтобы он загружался намного быстрее.

Также, если единственная цель этого куска кода: 

var hidden = document.createElement ( 'div' );
hidden.id = 'hiddenel';
$("body").append ( hidden );
$("#hiddenel").html ($ajaxData);

просто чтобы иметь возможность запустить $("#hiddenel").find('div .somediv');, тогда вы можете переписать все это с помощью: 

var $aa = $($ajaxData).find('div .somediv');
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...