вопрос
Доброго времени суток.
Возникла необходимость менять дизайн сайта на определнный день недели (пятницу), но в остальные дни дизайн должен оставаться стандартным. Полагаю, это возможно сделать при помощи javascript (смена CSS-стиля). В JS не то что 0, а скорее -1
З.Ы. Подсказали такой скрипт
но он не работает...
Возникла необходимость менять дизайн сайта на определнный день недели (пятницу), но в остальные дни дизайн должен оставаться стандартным. Полагаю, это возможно сделать при помощи javascript (смена CSS-стиля). В JS не то что 0, а скорее -1
З.Ы. Подсказали такой скрипт
<link rel="stylesheet" href="{THEME}/css/style.css" type="text/css" media="screen, projection" />
<script>
(function(){
var date = new Date(),
time = +date,
day = ( 12 - date.getDay() ) % 7;
function friday(){
document.getElementsByTagName('link')[0].setAttribute('href', '{THEME}/css/friday.css')
}
if(day) {//не пятница
date.setDate( date.getDate() + day )
date.setHours( 0, 0, 0, 0 )
setTimeout( friday , date - time )
}else{ //пятница
friday()
}
})()
</script>
но он не работает...
Подобное было реализовано немного проще...
Если Вам надо менять только таблицу стилей, а не менять шаблон то вот образец реализованый на Джумле:
[leech=http://neojoomla.com/demo/templates/clockingmachine/]ClockingMachine[/leech]
В код вставляем две строки перед тегом head:
Сам файл getcss.js выглядит вот так:
Здесь шаблон меняется от времени суток но подправить для дней не составит сложности даже для Вас. Включите немого логики и все получиться.
Если Вам надо менять только таблицу стилей, а не менять шаблон то вот образец реализованый на Джумле:
[leech=http://neojoomla.com/demo/templates/clockingmachine/]ClockingMachine[/leech]
В код вставляем две строки перед тегом head:
<script language="javascript" type="text/javascript" src="http://www.neojoomla.com/demo/templates/clockingmachine/templates/clockingmachine/getcss.js"></script>
<script type="text/javascript">
getCSS( 'http://www.neojoomla.com/demo/templates/clockingmachine/templates/clockingmachine' );
</script>
Сам файл getcss.js выглядит вот так:
function getCSS( templatepath ) {
datetoday = new Date();
timenow = datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour >= 21) {
display = "night.css";
}else if (thehour >= 18) {
display = "sunset.css";
}else if (thehour >= 10) {
display = "noon.css";
}else if (thehour >= 7) {
display = "morning.css";
}else if (thehour >= 0) {
display = "night.css";
}else{
display = "sunset.css";
}
var css = '<link href="' + templatepath + '/css/' + display + '" rel="stylesheet" type="text/css" />';
document.write(css);
}
Здесь шаблон меняется от времени суток но подправить для дней не составит сложности даже для Вас. Включите немого логики и все получиться.