Как использовать скрипт предложения Freebase из скрипта пользователя? - PullRequest
1 голос
/ 29 декабря 2011

Я хочу написать (Scriptish) usercript для включения среди прочего виджета для поиска предложений Freebase на различных веб-сайтах.Я попробовал несколько подходов, чтобы заставить это работать, но пока не повезло.

Мой пользовательский скрипт выглядит так (обратите внимание на включение по шаблону):

// ==UserScript==
// @id             meta@parsed.nl
// @name           Meta
// @version        1.0
// @namespace      
// @author         
// @description    
// @include        *
// @run-at         document-end
// @require        https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js
// @require        http://freebaselibs.com/static/suggest/1.3/suggest.min.js
// @noframes
// ==/UserScript==

$("head").append('<link type="text/css" rel="stylesheet" href="http://freebaselibs.com/static/suggest/1.3/suggest.min.css" />');
$("body").prepend('<input id="freebase-suggest" type="text"/>');

$("#freebase-suggest")
    .suggest()
    .bind("fb-select", function(e, data) {
        alert("");
    });

Все загружается нормально, но когдаЯ пытаюсь использовать окно поиска, оно не работает, и в консоли ошибок отображается следующая ошибка:

Ошибка: jQuery16101843227533633628_1325186688691 не определен Исходный файл: http://www.freebase.com/private/suggest?callback=jQuery16101843227533633628_1325186688691&prefix=ron+paul&type_strict=any&all_types=false Строка: 1

Очевидно, что сценарий использует JSONP для междоменных запросов, и мое интуитивное чувство говорит мне, что обратный вызов jQuery16101843227533633628_1325186688691 определяется в другом контексте из документа, в котором находится виджет (контекст Scriptish по сравнению сunsafeWindow).

Что мне делать?

1 Ответ

0 голосов
/ 30 декабря 2011

Добавление JQuery и сценария предложения Freebase в DOM и ожидание их загрузки достаточно для этой работы. Но вы должны ссылаться на unsafeWindow.

var head = document.getElementsByTagName('head')[0];

// Only add jQuery if the site doesn't have it already (to prevent conflicts)
if (typeof unsafeWindow.jQuery === "undefined") {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js';
    head.appendChild(script);
}

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://freebaselibs.com/static/suggest/1.3/suggest.min.js';
head.appendChild(script);

window.setTimeout(function() { 
    $ = unsafeWindow.jQuery;

    $("head").append('<link type="text/css" rel="stylesheet" href="http://freebaselibs.com/static/suggest/1.3/suggest.min.css" />');
    $("body").prepend('<input id="freebase-suggest" type="text"/>');

    $("#freebase-suggest")
        .suggest()
        .bind("fb-select", function(e, data) {
            alert("");
        });

}, 1000);

Я не знаю, разумен ли этот подход, но он работает.

...