Форум

animhotep · #11 (**permalink**) 24.02.2014, 17:47

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

рони · #12 (**permalink**) 24.02.2014, 17:49

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

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

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

Alban · #13 (**permalink**) 24.02.2014, 19:18

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

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

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

Alban · #14 (**permalink**) 24.02.2014, 20:45

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

<!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>

kostyanet · #15 (**permalink**) 26.02.2014, 07:27

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

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

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

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

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

kostyanet · #16 (**permalink**) 26.02.2014, 07:58

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

<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";

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

рони · #17 (**permalink**) 26.02.2014, 09:46

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

Alban · #18 (**permalink**) 26.02.2014, 10:54

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

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

<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 · #19 (**permalink**) 27.02.2014, 05:01

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

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

Щито?

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

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

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

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

рони · #20 (**permalink**) 27.02.2014, 09:37

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

Форум

Справочник

Discord чат

Курсы javascript