Dynamically loading CSS and JavaScript using Prototype

Posted by Salman A on Stack Overflow See other posts from Stack Overflow or by Salman A
Published on 2010-05-14T07:40:38Z Indexed on 2010/05/14 7:44 UTC
Read the original article Hit count: 327

I have a classic ASP application that I've been constantly trying to modularize. Currently, almost all pages are divided in to two pages:

  • an outer page that contains the layout, header, sidebar, footer
  • an inner page that contains ASP code

The outer pages use dreamweaver templates so updating layout and replicating changes is easy. The inner pages are managed by me. Now here is the problem:

I had to add a lightbox to one page, I chose Lightbox 2 which requires Prototype. I ended up adding Prototype on every page, assuming that sooner or later I'll upgrade all pages, forms, ajax requests and other javascript to use Prototype. I've now added two other plugins -- Modalbox and Protofade; each with a pair of .JS and .CSS files. Since I'll be using these three plugins on specific set of pages I am wondering if I can load the required CSS and JS files dynamically. I do not want to access the document head and add include files there, I'll have to do this from inside a DIV where all ASP code is supposed to go.

© Stack Overflow or respective owner

Related posts about prototype

Related posts about asp-classic