Thank you - that works for IE, but not for Google Chrome, Firefox or Safari. To make it cross-browser supported I used the following.
To get it to work with Google Chrome, Firefox & Safari I used a callback to load the Jquery after Jquery has loaded with this snippet I found:
// ==UserScript==
// @name jQuery For Chrome (A Cross Browser Example)
// @namespace jQueryForChromeExample
// @include *
// @author Erik Vergobbi Vold & Tyler G. Hicks-Wright
// @description This userscript is meant to be an example on how to use jQuery in a userscript on Google Chrome.
// ==/UserScript==
// a function that loads jQuery and calls a callback function when jQuery has finished loading
function addJQuery(callback)
{
var script = document.createElement("script");
script.setAttribute("src", "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js");
script.addEventListener('load', function ()
{
var script = document.createElement("script");
script.textContent = "window.jQ=jQuery.noConflict(true);(" + callback.toString() + ")();";
document.body.appendChild(script);
}, false);
document.body.appendChild(script);
}
// the guts of this userscript
function main()
{
// Note, jQ replaces $ to avoid conflicts.
var $ = $telerik.$;
var label = document.createElement("span");
$(label).html("test label");
$(label).css({ "border": "2px solid blue", "backgroundColor": "yellow", "height": "10px" });
var module = $telerik.$(".reModule")[0];
$(module).css("border", "1px solid red");
$(module).prepend(label);
}
// load jQuery and execute the main function
addJQuery(main);
Anyone test this with Opera or other browsers?