javascript - How to load in an external CSS file dynamically? -

-

i'm trying create dynamic page using external .css pages page color changed. below code. when click href, not getting output. can please tell what's problem in code?

<script language="javascript"> function loadjscssfile(filename, filetype) {     if (filetype=="css")     {          var fileref=document.createelement("link")         fileref.setattribute("rel", "stylesheet")         fileref.setattribute("type", "text/css")         fileref.setattribute("href", filename)     }     if (typeof fileref!="undefined")         document.getelementsbytagname("head")[0].appendchild(fileref) }  loadjscssfile("mystyle.css", "css")  </script> <a href="javascript:loadjscssfile('oldstyle.css','css')">load "oldstyle.css"</a>

i have modified code below. still i'm facing problem in getting output. no result. can please me out?

<head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="css/newstyle.css" /> <script language="javascript" type="text/javascript"> 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("oldstyle.css", "css")  </script> <a href="javascript:loadjscssfile('oldstyle.css','css')">load "oldstyle.css"</a>  </head>

tim goodman's answer correct, instead of fileref.href = "filename"; should fileref.href = filename;

otherwise you're trying load file name "filename" rather passed script.

alternately, if you're willing use jquery library, can accomplished in 1 line:
$("head").append("<link rel='stylesheet' id='extracss' href='"+filename+"' type='text/css' />");

also, first version of script using setattribute: browsers take setattribute empty third parameter because of way spec set up:
fileref.setattribute("href", filename, "");


Comments

Post a Comment

Popular posts from this blog

ruby - When to use an ORM (Sequel, Datamapper, AR, etc.) vs. pure SQL for querying -

-
a colleague of mine designing sql queries 1 below produce reports, displayed in excel files through external data query. @ present, reporting processes on db required (no crud operations). i trying convince him better use ruby orm in order able display data in rails/sinatra app. despite obvious advantages in displaying data, advantages there him in learning use orm sequel or datamapper? the sql queries writing quite complex, , being relatively new sql, complains time-consuming , confusing. possible write extremely complex queries orm? , if so, suitable(i have heard sequel legacy dbs)? , advantages of learning ruby , using orm versus sticking plain sql, in making complex database queries? i'm datamapper maintainer, , think complex reporting should use sql. while think someday we'll have dsl provides power , conciseness of sql, i've seen far requires write more ruby code sql complex queries. rather maintain 5 line sql query 10-15 lines of ruby code desc...
Read more

php - PHPDoc: @return void necessary? -

-
is necessary this: /** * ... * * @return void */ i have quite few methods don't have return value, , seems redundant put in comment. considered bad form leave out? if makes clear documentation, leave in, isn't strictly necessary. it's entirely subjective decision. personally, leave out. edit stand corrected. after little googling, wikipedia page says: @return [type description] tag should not used constructors or methods defined void return type. the phpdoc.org website says: @return datatype description @return datatype1|datatype2 description the @return tag used document return value of functions or methods. @returns alias @return support tag formats of other automatic documentors the datatype should valid php type (int, string, bool, etc), class name type of object returned, or "mixed". if want explicitly show multiple possible return types, list them pipe-delimited without spaces (e.g. "@retur...
Read more

c++ - Convert big endian to little endian when reading from a binary file -

-
this question has answer here: how convert between big-endian , little-endian values in c++? 28 answers i've been looking around how convert big-endian little-endians. didn't find solve problem. seem there's many way can conversion. anyway following code works ok in big-endian system. how should write conversion function work on little-endian system well? this homework, since systems @ school running big-endian system. it's got curious , wanted make work on home computer also #include <iostream> #include <fstream> using namespace std; int main() { ifstream file; file.open("file.bin", ios::in | ios::binary); if(!file) cerr << "not able read" << endl; else { cout << "opened" << endl; int i_var; double d_var; while(!file.eof()) {...
Read more