Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #21 (permalink)  
Старый 04.06.2021, 21:18
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

рони,
возможно заполнить такую страницу, и при нажатии кнопки сменить таблицы с горизонтальных на вертикальные и обратно?

<div id="calendar_month">
    <div id="num_year"></div>
    <div id="month">
      <div id="navigation_panel">
        <select class="select_month"></select>
        <input class="year_input" type="number" value="">
        <button class="table_rotate">➘</button>
      </div>
      <div id="month_name"></div> 
        <table class=" table_month_horiz"></table>
      </div>
     <span id="select_year">календарь на год</span>
    </div>
  
  <div id="calendar_year">
    <div id="navigation_panel_year"">
    Календарь на <input id="year_input" type="number" size="4" value=""/>
    год.
    </div>
    <table id="table">
    <tr>
    <td class="td_month">
    <div id="January"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="February"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="March"></div>
    <table class="table_month_horiz"></table>
    </td>
    </tr>
    <tr>
    <td class="td_month">
    <div id="April"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="May"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="June"></div>
    <table class="table_month_horiz"></table>
    </td>
    </tr>
    <tr>
    <td class="td_month">
    <div id="July"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="August"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="September"></div>
    <table class="table_month_horiz"></table>
    </td>
    </tr>
    <tr>
    <td class="td_month">
    <div id="October"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="November"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="December"></div>
    <table class="table_month_horiz"></table>
    </td>
    </tr>
    </table>
    <span id="select_mont"> календарь на месяц</span>
    </div>
    
    <div id="calendar_kvartal">
      <div id="navigation_panel">
      <select class="select_kvartal"></select>
      <input class="year_input" type="number" value="">
      <button class="table_rotate">➘</button>
      </div>
    <table id="table">
    <tr>
    <td class="td_month">
    <div id="month_num_1"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="month_num_2"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="month_3"></div>
    <table class="table_month_horiz"></table>
    </td>
    </tr>
    </table>
    <span id="select_mont"> календарь на месяц</span>
    </div>
    
    <div id="month_3">
      <div id="navigation_panel">
      <select class="select_month"></select>
      <input class="year_input" type="number" value="">
      <button class="table_rotate">➘</button>
      </div>
    <table id="table">
    <tr>
    <td class="td_month">
    <div id="prev_month"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="cur_month"></div>
    <table class="table_month_horiz"></table>
    </td>
    <td class="td_month">
    <div id="next_month"></div>
    <table class="table_month_horiz"></table>
    </td>
    </tr>
    </table>
    <span id="select_mont"> календарь на месяц</span>
    </div>
Ответить с цитированием
  #22 (permalink)  
Старый 04.06.2021, 21:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Блондинка,
можно, но некому.
Ответить с цитированием
  #23 (permalink)  
Старый 04.06.2021, 21:45
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

рони,
а как рендерить все 12 месяцев года?, только один квартал? только три месяца, пред текущий и будущий?
Ответить с цитированием
  #24 (permalink)  
Старый 04.06.2021, 22:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Сообщение от Блондинка
а как рендерить
Сообщение от рони
код лучше разбить на функции, тогда будет проще (надеюсь).
функция получает месяц и год, выдаёт диапазон от и до.
функция получает диапазон и направление, формирует массив строк c ячейками.
функция получает массив строк, выдаёт html;
функция получает html и элемент, выводит html в элемент.
как-то так
всё это есть в предыдущих примерах ... учитесь создавать таблицы
http://code.mu/ru/javascript/book/pr...eating-tables/

https://www.stijit.com/javascript/table

https://html5css.ru/jsref/dom_obj_table.php
Ответить с цитированием
  #25 (permalink)  
Старый 05.06.2021, 11:49
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

рони,
а как ограничивать количество строк/столбцов?, в зависимости от того сколько недель в месяце...
Ответить с цитированием
  #26 (permalink)  
Старый 05.06.2021, 15:46
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Сообщение от Блондинка
а как ограничивать количество строк/столбцов?, в зависимости от того сколько недель в месяце...
Сообщение от рони
функция получает диапазон и направление, формирует массив строк c ячейками.
Ответить с цитированием
  #27 (permalink)  
Старый 05.06.2021, 19:44
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

рони,
ну так помоги создать эту ... функцию
Ответить с цитированием
  #28 (permalink)  
Старый 05.06.2021, 20:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Сообщение от Блондинка
ну так помоги создать эту
render смотри свои сообщения или мои
Ответить с цитированием
  #29 (permalink)  
Старый 05.06.2021, 20:13
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

Сообщение от рони
if(calendar.element.classList.contains(' класс горизонтальной таблицы')) calendar.render(true);
else calendar.render();

Последний раз редактировалось рони, 03.06.2021 в 17:02. Причина: element. пропущен был
это?

и что у меня не так?
Ответить с цитированием
  #30 (permalink)  
Старый 05.06.2021, 20:20
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,068

Сообщение от Блондинка
это?
это похоже на функцию?
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как добавить еще один селектор foxfor jQuery 1 29.05.2015 12:32
Соединить 2 скрипта в один или сбор информации из разных автозаполняемых полей Ilya_Ru Общие вопросы Javascript 4 07.04.2015 12:53
как отображать результаты скрипта немедленно, а не после завершения всей функции? sitar32 Элементы интерфейса 6 28.08.2014 18:27
Управление скроллом "а-ля тач" HonesT Элементы интерфейса 2 27.08.2013 14:25
как прекратить выполнение скрипта ? kefi Общие вопросы Javascript 3 31.03.2009 19:05