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

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

13.11.2015, 07:50. Показов 2693. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru