смена CSSна сайте в зависимости от дня недели
Доброго всем.
Признаюсь честно в Javascript полный ноль, но постала потребность сделать смену CSS на сайте в зависимости от дня недели. Подскажите как сделать чтоб изменялся файл CSS взависимости от того какой сегодня день (пн, вт, и т. д.)? |
Цитата:
А вот как узнать день недели... http://javascript.ru/forum/misc/9390...en-nedeli.html |
ksa,
если только ручками в шаблоне :), а так то нет. |
dac_60, серверный язык каккой?
|
вообще то кмс стоит DLE
|
Если есть серверный язык - можно сделать цсс-файлы такого типа
f0.css f1.css ... f6.css тогда при генерации хтмля можно использовать нечто подобное <link rel="stylesheet" type="text/css" href="f#($h#7)#.css"> Пример на csp... |
ksa,
на csp - не работает. я думаю что лучше на javascript это сделать |
Цитата:
dac_60 откроете файл main.tpl, найдете файл, который отвечает у вас за стили, замените на код ниже, но перед этим создайте в каталоге шаблона css 7 файлов css с названиями style1, style2 и тд:
<?php
$i = 0;
$array = array();
while($i++<7){
array_push($array, $i);
}
?>
<link rel="stylesheet" type="text/css" href="{THEME}/css/style<?php echo $array[date("w",time())].'.css'; ?>" />
|
Функция для динамической подгрузки*:
<script>
function loadjscssfile(filename, filetype){
if (filetype=="js"){ //if filename is a external JavaScript file
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
}
else if (filetype=="css"){ //if filename is an external CSS file
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
}
</script>
*взято отсюда ее вставить в HEAD. Подключать таблицу стилей вызовом: loadjscssfile("путь_к_файлу.css", "css"); получить день недели можно c помощью метода day объекта Date |
kadabrik ну зачем всякий сусор из сети нести, можно гораздо проще, по аналогии с примером выше на PHP:
<script type="text/javascript">
window.onload = function(){
var i = 0, array = [];
while(i++<7){
array.push(i);
}
document.getElementsByTagName('link')[0].setAttribute('href', 'style'+array[new Date().getDay()]+'.css');
};
</script>
dac_60, только номер элемента не забудьте поменять или же ничего не нужно менять если файл будет стоять первым. |
| Часовой пояс GMT +3, время: 00:23. |