ansaurus

Question

Dynamically loading CSS and JavaScript using Prototype

Answer 1

+1 A:

You can add scripts dynamically by adding script elements to the document; details and sample code on the this page from Unofficial Prototype & script.aculo.us wiki. E.g.:

var element;
var script;

element = /* ...grab the element you want to add to; I'd use $$('head')[0] */;
if (element) {
    script = new Element('script', { type: 'text/javascript', src: 'dynamic.js' });
    element.appendChild(script);
}

Adding stylesheet links should be essentially the same. Although that page has you adding to the head, you've said you don't want to do that (though I'm not clear why not, since you're doing it dynamically on the user's machine), but it should still work regardless of where you add them.

T.J. Crowder 2010-05-14 07:49:07

I meant I don't want to hand-edit the head section + adding `<link>` tags inside DIVs breaks html validation (does it?).

Salman A 2010-05-14 08:14:52

ansaurus

tags:

views:

answers:

Dynamically loading CSS and JavaScript using Prototype

related questions