Dojo - Add an External stylesheet outside of the header
I would like to add an external style sheet specified inside of an Ajax call.
I have found a way to do this with jQuery (see the example below), however i need to adapt the method to the dojo JavaScript framework.
JQuery Example
$('head').append('<link rel="styleshe开发者_Go百科et" type="text/css" href="lightbox_stylesheet.css">');
Thanks.
Once you've included dojo.NodeList-manipulate
, it's virtually identical to jQuery:
dojo.require("dojo.NodeList-manipulate");
dojo.ready(function(){
dojo.query("head").append('<link rel="stylesheet" type="text/css" href="lightbox_stylesheet.css">');
});
Try this, using dojo.query
dojo.query("head").forEach(function(node, index, array){
// append content af final of head
node.innerHTML += '<link rel="stylesheet" type="text/css" href="lightbox_stylesheet.css">';});
I came up with
After a little messing around i've come up with the following:
function require_css(href)
{
if (typeof href == 'undefined' || href.length == 0) return false;
var link = dojo.create("link",
{
type : "text/css",
rel : "stylesheet",
href : href
});
dojo.doc.getElementsByTagName("head")[0].appendChild(link);
console.log("loading : css : "+ href);
}
Thanks for the input guys.. I prefer thirtydot's method to mine :D..
精彩评论