Our site has a couple regions / languages. I would like to add a stylesheet to a page, if it is a certain language. I noticed in the HTML element is lang="en-US".

So I figured I'd use that to add my regional css file. I want it to come after all of my other stylesheets. Right now I have all of my stylesheets right after all of the "Register TagPrefix="dnn" TagName... ect" things in my ASCX file.

So the top of my ascx/layout file looks like this:

....Prefix="dnn" TagName="STYLES" Src="~/Admin/Skins/Styles.ascx" %>
><%@ Register TagPrefix="dnn" TagName="LINKS" Src="~/Admin/Skins/Links.ascx" %>
<%@ Register TagPrefix="dnn" TagName="MENU" src="~/DesktopModules/DDRMenu/Menu.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LANGUAGE" src="~/Admin/Skins/Language.ascx" %>

<link href="<%= SkinPath %>css/bootstrap.min.css" rel="stylesheet">
<link href="<%= SkinPath %>css/style.css" rel="stylesheet">
<link href="<%= SkinPath %>css/lang/gfsiStyle.css" rel="stylesheet">
<REGIONAL STYLESHEET SHOULD BE ADDED HERE BY JS>

Then I added this script to the ascx file above the div class=container-fluid:

<script>        
 $(document).ready(function) ()
           {
               if($("html").hasAttr(lang='en-US'))
               {
               $("link[href='/Portals/_default/skins/gfsi/css/lang/gfsiStyle.css']".after("<link href='/Portals/_default/skins/aib/css/lang/CSSDocToBeAdded.css' rel='stylesheet' type='text/css'/>")
               }
            }
</script>

I'm just using 'en-US' right now as an example. Once I get this to work, I'll replicate this js for each of my regions.

It's not working though. I am new to Javascript so it probably is something obvious.

Oh. And I added a class to the stylesheet I wanted the regional stylesheet to be added after. So now the top part of my ascx file looks like:







........="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %>
<%@ Register TagPrefix="dnn" TagName="STYLES" Src="~/Admin/Skins/Styles.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LINKS" Src="~/Admin/Skins/Links.ascx" %>
<%@ Register TagPrefix="dnn" TagName="MENU" src="~/DesktopModules/DDRMenu/Menu.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LANGUAGE" src="~/Admin/Skins/Language.ascx" %>


  <link href="<%= SkinPath %>css/bootstrap.min.css" rel="stylesheet">
  <link href="<%= SkinPath %>css/style.css" rel="stylesheet">
  <link href="<%= SkinPath %>css/lang/gfsiStyle.css" class="stylesheets" rel="stylesheet">