my javascript for loading external css files isn't working. what am i doing wrong?

Question

function loadjscssfile(filename, filetype)
{
if (filetype=="css") 
 {
    var fileref = document.createElement("link");
    fileref.rel = "stylesheet";
    fileref.type = "text/css";
    fileref.href = "filename";
    document.getElementsByTagName("head")[0].appendChild(fileref)
 }
}
loadjscssfile("cssgreen.css", "css")

and in my html I have

<a href="javascript:loadjscssfile('cssgreen.css','css')">Load green</a>

is there an issue in the html or the js, im fairly new to this so i could be making some mistakes

Nick Tiberi · Accepted Answer · 2012-12-11 18:35:08Z

4

Change "filename" to filename. You are sending a hardcoded string as an argument instead of the parameter passed into the function.

answered Dec 11, 2012 at 18:35

Nick Tiberi

1,15112 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Ark Angel Over a year ago

i did the change but now its loading cssgreen.css instead of cssred.css and won't load cssred.css

Nick Tiberi Over a year ago

<a href="javascript:loadjscssfile('cssred.css','css')">Load red</a> would load cssred.css, provided it is in the same directory as cssgreen.css.

Ark Angel Over a year ago

DUH im so dumb i forgot to change that thnx

Joe T · Accepted Answer · 2012-12-11 18:35:53Z

0

try removing the quotes around "filename" since it's a variable and not a quoted string;

fileref.href = filename;

answered Dec 11, 2012 at 18:35

Joe T

2,3601 gold badge19 silver badges34 bronze badges

Collectives™ on Stack Overflow

my javascript for loading external css files isn't working. what am i doing wrong?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related