Monday, April 6, 2009

How to load css and javascript file runtime

In following function we demostrate that how to load css and javascirpt at runtime.

function loadjscssfile(filename, filetype){
if (filetype=="js"){ //if filename is a external JavaScript file
var fileref=document.createElement('script')
fileref.setAttribute("src", filename)
else if (filetype=="css"){ //if filename is an external CSS file
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
if (typeof fileref!="undefined")

loadjscssfile("myscript.js", "js") //dynamically load and add this .js file
loadjscssfile("javascript.php", "js") //dynamically load "javascript.php" as a JavaScript file
loadjscssfile("mystyle.css", "css") ////dynamically load and add this .css file

myscript.js" source:

var petname="Spotty"
alert("Pet Name: " + petname)

"mystyle.css" source:

#demotable td{
background-color: lightyellow;

#demotable b{
color: blue;

This code is taken from

Help on desk

No comments: