Javascript-форум - Изменение фона столбца в зависимости от дня недели

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Изменение фона столбца в зависимости от дня недели (https://javascript.ru/forum/dom-window/45335-izmenenie-fona-stolbca-v-zavisimosti-ot-dnya-nedeli.html)

обеих строк кода?)))

Цитата:

Сообщение от Alban

Расшифровку (объяснение) скрипта дать можете?

немогу в скрипте либо всё ясно и так http://javascript.ru/Date/getDay либо надо изучать хотябы css http://htmlbook.ru/css/nth-of-type

Цитата:

Сообщение от рони (Сообщение 299245)

немогу в скрипте либо всё ясно и так http://javascript.ru/Date/getDay либо надо изучать хотябы css http://htmlbook.ru/css/nth-of-type

Спасибо за помощь!

Конечный вариант:

<!DOCTYPE HTML>
<html>
<head>
<!--<meta charset="utf-8"> -->
<style>
table { /* table-layout: fixed Ячейки фиксированной ширины */
}
td{
width:30px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
tr.col1
{
font-weight: bold;
}

</style>
<script>
    var day = (new Date).getDay()||7;
    document.write(
        '<style>',
        'td:nth-of-type('+day+') {background: #079EBB;color: white;}',
        '</style>'

    )
</script>
 
</head>
<body>
<table cols="7" cellspacing="0">
    <tr class="col1" cellspacing="1" bgcolor="#EEf0F5" align="center">
        <td>ПН</td>
        <td>ВТ</td>
        <td>CР</td>
        <td>ЧТ</td>
        <td>ПТ</td>
        <td>СБ</td>
        <td>ВС</td>
    </tr>
    <tr align="center">
        <td>9<sup>00</sup></td>
        <td>9<sup>00</sup></td>
        <td>9<sup>00</sup></td>
        <td>9<sup>00</sup></td>
        <td>9<sup>00</sup></td>
        <td></td>
        <td></td>
    </tr>
    <tr align="center">
        <td>18<sup>00</sup></td>
        <td>18<sup>00</sup></td>
        <td>18<sup>00</sup></td>
        <td>18<sup>00</sup></td>
        <td>18<sup>00</sup></td>
        <td></td>
        <td></td>
    </tr>
</table>
</body>
</html>

Цитата:

Сообщение от Alban

Colgroup задаёт форматирование для каждого столбца, в моём случае он не поможет, т.к. фон должен меняться в зависимости от дня недели, а не оставаться статичным. Пример:

Col может нести атрибут id? Значит 7 колов с id="PN", id="VT" и тп. js определяет день недели в синтаксисе этих идех и делает так

var day_name = get_current_week_day_name();
col.class='week_'+day_name;

Или типа того.

Вот такие колы

<colgroup>
<col id="day1">
<col id="day2">
<col id="day3">
<col id="day4">
<col id="day5">
<col id="day6">
<col id="day7">
</colgroup>

вот такая функция

document.getElementById("day"+new Date().getDay()).style.backgroundColor="red";

Кал в том что кол почти ничего не понимает, зомби, внатури. Фон задать можно, цвет - нельзя.

kostyanet,
либо неточна функция либо 8 строка

Цитата:

Сообщение от kostyanet (Сообщение 299568)

Вот такие колы

<colgroup>
<col id="day1">
<col id="day2">
<col id="day3">
<col id="day4">
<col id="day5">
<col id="day6">
<col id="day7">
</colgroup>

вот такая функция

document.getElementById("day"+new Date().getDay()).style.backgroundColor="red";

Кал в том что кол почти ничего не понимает, зомби, внатури. Фон задать можно, цвет - нельзя.

от чего так, почему не понимает?

Цитата:

Сообщение от рони

либо неточна функция либо 8 строка

Щито?

Цитата:

Сообщение от Alban

от чего так, почему не понимает?

У браузерописателей надо спросить.

background-color: red - понимает
color:red - не понимает

kostyanet,
В воскресенье ваш код несработает!