<script type="text/javascript">
<!--
dayNames = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
dayNumber = new Date().getDay();
document.writeln('<link rel="stylesheet" type="text/css" href="' + dayNames[dayNumber] + '.css">');
//-->
</script>
<noscript>
<link rel="stylesheet" type="text/css" href="default.css">
</noscript>
Name your css files accordingly: Saturday.css, Friday.css, Sunday.css, etc…
If JavaScript is disabled in the browser, it will revert back to the default.css file.
Don’t use document.write, it will cause the page from displaying a white page for a few seconds before it processes the rest of page. I suggest using a document.createElement instead.
Because white page of deaths is something your really want to prevent when you are working with dynamic stylesheet generation.
For example:
var dSS = {
names: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
number: new Date().getDay(),
link: document.createElement('link')
}
dSS.link.rel = "stylesheet";
dSS.link.type = "text/css";
dSS.link.href = dSS.names[ dSS.number ] + ".css";
document.getElementsByTagName('head')[0].appendChild( dSS.link );
how would you create a time verision.
so at a certain time it changes??
So where do you write the css files?
above given code is greet.
can u please create java script code on time basis.
means,
12:00am – 4:00 am —– night.css etc,
please….
Thanks V1
How would i make your code work monthly, just change the “getDay” to months and add them?
Theres an Option to use according to holidays or special days like easter or new year?
I’m looking for a JS with the same purpose that could asynchronously load the remaining below-the-fold CSS in order to optimise the results in Google Insights, do you have any idea ?