thank to everyone who replied!
I figured out using $('head').append is the way to go!
many thanks for the pointer and help!
best,
jez
On Jun 4, 9:27 pm, Ricardo <ricardob...@gmail.com> wrote:
> Works fine in FF/IE/Webkit:
>
> $('head').append('<link rel="stylesheet" type="text/css" href="css/
> base.css" />')
>
> On Jun 4, 1:26 pm, jez <j...@h4x3d.com> wrote:
>
> > Hello,
> > I am almost certain one of you guys will have a super quick solution
> > to this, but I just can't get it and it is doing my head in:
>
> > I have this piece of code which basically checks on client-side what
> > time of the day it is.
> > This information should be used to "use" different stylesheets based
> > on the time, e.g.
>
> > >=18 will be night.css
> > >=15 will be afternoon.css, etc.
>
> > however I cannot get to write this piece of html (e.g. <link
> > rel="stylesheet" href="night.css" type="text/css" media="screen"
> > title="night" charset="utf-8" />) by means of jquery.
>
> > I was able to set the class of <body> to either night, afternoon,
> > noon, etc, but I would rather like a solution where the time is
> > translated into night.css, afternoon.css, etc.
>
> > --- see code below ---
>
> > //date
> > datetoday = new Date();
> > timenow = datetoday.getTime();
> > datetoday.setTime(timenow);
> > thehour = datetoday.getHours();
>
> > if (thehour >= 18)
> > $('body').addClass('evening');
> > else if (thehour >= 15)
> > $('body').addClass('afternoon');
> > else if (thehour >= 12)
> > $('body').addClass('noon');
> > else if (thehour >= 7)
> > $('body').addClass('morning');
> > else if (thehour >= 0)
> > $('body').addClass('night');
> > else
> > $('body').addClass('general');
> > //end
>
> > Many thanks in advance for any suggestions and replies!
> > Any pointers or brain teasers welcome!
