html - How to load up CSS files using Javascript? -


Is it possible to import CSS stylesheet in HTML page using Javascript? If so, how can this be done?

The JS JavaScript will be hosted on my site, but I want the user to & lt; Head & gt; tags should be able to import their css files hosted on their website (both CSS file and Javascript file on my server), and their current website should be hosted on my server.

Here's the "old school" way to do this, hopefully works in all browsers In principle, you will use the setAttribute unfortunately IE6 does not support it continuously. 

  var cssId = 'myCss'; // You can encode the CSS path manually to generate the ID. If (! Document.getElementById (cssId) {var head = document.getElementsByTagName ('head') [0]; Var link = document.createElement ('link'); link.id = cssId; Link.rel = 'stylesheet'; Link.type = 'text / css'; Link.href = 'http://website.com/css/stylesheet.css'; link.media = 'all'; Head.appendChild (link); }   
 This example checks whether CSS has already been added, it only adds once.  
 Put that code in a Javascript file, in the end the user just has to include the javascript, and make sure the CSS path is full, so it is loaded from your server.  
 VanillaJS  
 Here is an example that is based on the CSS link on the file name part of the "code> head  element URL:  
  & lt; script type = "text / javascript" & gt; var file = location.pathname.split ("/"). pop (); var link = document.createElement ("link"); Link.href = file .substr (0, file.lastIndexOf (".")) + ".css"; Link.type = "text / css"; Link.rel = "stylesheet"; link.media = "screen, print"; Document. InsertElementsByTagName ("head") [0] .appendChild (link); & lt; / script & gt;   
 before the closing  head  tag and CSS pages will be loaded before render . External JavaScript ( .js ) will appear in a flash that appears unsaturated material () to access the file.

Comments

Post a Comment

Popular posts from this blog

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -

In brief, the wrapper module is inserted during posting and the status of an entry is changed to 'modified' . Before changing the state, the state is set to 'separate', but calling attachments () causes the same error to be thrown away. I am using EF 6. Model / wrapper class public class avi model {public A is a {get; Set; } Public listing & lt; B & gt; B {received; Set; } Public cc {receipt; Set; }} Administrator edit public functioning (int? id) {if (id == null) {new HttpStatusCodeResult (HttpStatusCode.BadRequest); } If (! Conveyor Access (id.Value)) new HTTPTitus code result (HTTP status code. Forbidden); Var aViewModel = new AViewModel (); aViewModel.A = db.As.Find (id); If (aViewModel.Receipt == zero) {return HttpNotFound (); } aViewModel.b = db.Bs.Where (x => x.aid == id.Value) .Oolist (); AViewModel.Vendor = db.Cs.Where (x => x.cid == aViewModel.a.cID) .FirstOrDefault (); See Return (aViewModel); } [HTPFost] [Valid AntitiferousTeacon...
Read more

jasper reports - How to center align barcode using jasperreports and barcode4j -

I use iReport 5.5.0 . How to align a barcode component to the center The relevant piece of my jrxml is below & Lt; JR: Code 128 xmlns: JR = "http://jasperreports.sourceforge.net/jasperreports/components" xsi: schemaLocation = "http://jasperreports.sourceforge.net/jasperreports/components http: //jasperreports.sourceforge Purge / xsd / components.xsd "textPosition =" bottom "& gt; & Lt; Jr: codeExpression & gt; & Lt; [CDATA [$ F {number}]] & gt; & Lt; / Jr: codeExpression & gt; & Lt; / Jr: Code 128 & gt; & Lt; / componentElement & gt; "Text" itemprop = "text"> Create a style after this, it is called "barcode", like: & lt; Style name = "barcode" fontName = "Helvetica" fONTSIZE = "10" hAlign = "center" valign = "center" /> and set the property of your barcode element to "barcode".
Read more

django - CommandError: You must set settings.ALLOWED_HOSTS if DEBUG is False -

I use Django 1.6.5 with settings in my program txsite: DEBUG = true I set the lie to debug, but when I get the runner , I get the following error: CommandError: You have to set the settings. OLOWOWHESTS If DEBUG is False I ALLOWED_HOSTS = ['127.0.0.1', 'localhost'] but I get the same error. Does anyone know this address? Try ALLOWED_HOSTS = ['*'] Less secure If you are not on a firewall or public LAN, but what I use and it works. Edit: Interestingly enough, I have to add some of my 1.8 projects, even if DEBUG = True . Why so very uncertain
Read more