Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/13: Рейтинг темы: голосов - 13, средняя оценка - 5.00
 Аватар для lilubanana
64 / 1 / 2
Регистрация: 25.04.2014
Сообщений: 125

Вывести и записать дни недели в таблицу

13.11.2015, 07:50. Показов 2749. Ответов 5
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
привет! помогите, пожалуйста разобраться.
необходимо вывести дни недели в таблицу.
вот код:

HTML5
1
<div id="calendar"></div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
body{
    font-size: 18px;
    color:#999;
}
.table{
    display:table;
    border:2px solid hotpink;
    margin:100px auto;
}
td.odd {
    background-color: lightgray;
}
td.even {
    background-color: white;
}
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
'use strict';
var calendarDate = new Date(),
    year = calendarDate.getFullYear(),
    month = calendarDate.getMonth(),
    firstDayInMonth = new Date(year,month+1).getDate(),
    lastDayMonth = new Date(year,month+1,0).getDate(),
    weekDay = ['Пн','Вт','Ср','Чт','Пт','Сб','Вс'],
    divTable = document.createElement('table'),
    newRow = divTable.insertRow(),
    newCell = newRow.insertCell();
 
    divTable.className = "table";
    var newRowClone = newRow.cloneNode();
for (var i = 0; i <= weekDay; i++){
    var newCellClone = newCell.cloneNode();
        newCellClone.innerHTML = i;
 
}
    newRowClone.appendChild(newCellClone);
 
document.getElementById('calendar').appendChild(divTable);
т.е. суть в том, что надо пройти по массиву дней недели и записать их таблицу.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
13.11.2015, 07:50
Ответы с готовыми решениями:

Вывести дни месяца в таблицу
привет! помогите, пожалуйста, разобраться. необходимо вывести дни месяца в таблицу по 7 ячеек. вот так: 1 2 3 4 5 6 7 8 9 10...

Вывести дни месяца в таблицу (календарь)
Необходимо вывести дни месяца в таблицу. Реализован вывод дней недели и числа месяца, смещение чисел относительно дней недели. В...

посчитать дни недели
Создать файл содержащий сценарий на языке JavaScript. В результате выполнения сценария нужно получить от пользователя Номер дня недели...

5
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
13.11.2015, 13:41
в общем, всё, что знали -- всё свалили в одну кучу

уже познали методы insertRow () и insertCell () - молодца!
только зачем клонировать-то ячейки?
это лишняя операция -- у вас же есть insertCell () -- его одного вполне достаточно

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// создаёте строку
oRow = oTable.insertRow (-1);
 
// имеете массив дней недели
var weekDay = ['Пн','Вт','Ср','Чт','Пт','Сб','Вс']
 
//перебираете его циклом от нулевого индекса и до последнего
for (var j = 0, J = weekDay.length; j < J; j++)
   {
   // создаёте ячейку
   var oCell = oRow.insertCell (-1);
   // записываете в ячейку день недели
   oCell.appendChild (document.createTextNode (weekDay [j]));
   }
это всё есть в коде, что я для вас написал -- http://langmilhist.far.ru/mycalendar.html
0
 Аватар для lilubanana
64 / 1 / 2
Регистрация: 25.04.2014
Сообщений: 125
13.11.2015, 13:49  [ТС]
Цитата Сообщение от kalabuni Посмотреть сообщение
oRow = oTable.insertRow (-1)
зачем - 1 ?
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
13.11.2015, 13:55
Цитата Сообщение от lilubanana Посмотреть сообщение
oRow = oTable.insertRow (-1)
зачем - 1 ?
читайте документацию -- https://developer.mozilla.org/... /insertRow

цитирую раздел Syntax:
var row = HTMLTableElement.insertRow(optional index = -1);
If index is -1 or equal to the number of rows, the row is appended as the last row. If index is greater than the number of rows, an IndexSizeError exception will result. If index is omitted it defaults to -1.
перевожу: при минус один добавляется новая строка после самой последней существующей

с ячейками и методом insertCell () аналогично
1
 Аватар для lilubanana
64 / 1 / 2
Регистрация: 25.04.2014
Сообщений: 125
13.11.2015, 14:05  [ТС]
спасибо! вроде понятно.
только почему-то добавляется
HTML5
1
<tbody></tbody>
это наверное потому, что создаем текстовый узел, а не тег. надо будет переделать...
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
13.11.2015, 15:14
Цитата Сообщение от lilubanana Посмотреть сообщение
только почему-то добавляется
<tbody></tbody>
а оно всегда добавляется самим браузером

запустите в любом браузере простейший код без "тела таблицы"
HTML5
1
2
3
<table cellpadding="0" cellspacing="0" border>
<tr><td>1</td><td>2</td><td>3</td></tr>
</table>
затем нажмите (Ctrl + A) -- выделите всю страницу
кликните правой кнопкой мыши по выделенному и в контекстном меню выберите опцию "просмотреть код выделенного фрагмента"

и там увидите

<table border="" cellpadding="0" cellspacing="0">
<tbody><tr><td>123</td><td>123</td><td>123</td></tr>
</tbody></table>


Цитата Сообщение от lilubanana Посмотреть сообщение
это наверное потому, что создаем текстовый узел, а не тег. надо будет переделать...
вот так всегда

причины не знаем, придумываем ложную, а потом свято в неё верим

Не по теме:

вы прямо как моя первая супруга -- пришёл как-то домой с испачканным чем-то красным воротом рубашки -- тут же начались беспочвенные подозрения, нелепые упрёки, ругань вплоть до развода :)

неделю со мной не разговаривала, в одну кровать не ложилась
через неделю бросила-таки мою сорочку в стиральную машинку
прибегает -- в глазах и радость, и тупость -- одновременно, потому как не отстиралось
а помада, про которую она думала всю эту неделю -- она легко отстирывается

PS. так и не узнала моя супруга, что я за ту неделю опросил всех друзей/знакомых -- а что есть красное, что гарантированно не отстирывается, подсказали - красный лак "фуксин", которым лампочки в гирляндах красят... так я ночью, пока супруга спала, рубашку свою окончательно испортил, намазав фуксином поверх помады :)

однажды пришлось ещё и куртку с рубашкой гвоздём на спине порвать, когда спина расцарапанной была... но это уже совсем другая история...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
13.11.2015, 15:14
Помогаю со студенческими работами здесь

Вывести все воскресные дни в текущем месяце
Помогите пожалуйста сделать Вывести все воскресные дни в текущем месяце

Создаем массив Дни недели
Создаем массив Дни недели. а) удалить пятницу, б) добавить первым элементом еще одно воскресенье, с) вывести элементы массива,...

Как определить дни недели в календаре?
Сделал так чтобы даты шли вниз =) , но дни недели не выводит как сделать чтобы например в пятницу писало &quot;пятница&quot; сбоку ...

Перевести код С++ в С (вывести дни недели)
Помогите перевести код в Си #include &quot;StdAfx.h&quot; #include &lt;iostream&gt; #include &lt;string&gt; using namespace std; int Date( int...

Пункт назначения, Номер рейса, Тип самолета, Время вылета, Дни недели. Создать массив объектов. Вывести: а) список рей
Aeroflot: Пункт назначения, Номер рейса, Тип самолета, Время вылета, Дни недели. Создать массив объектов. Вывести: а) список рейсов для...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Новые блоги и статьи
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru