Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Активный таб по дню недели (https://javascript.ru/forum/dom-window/61158-aktivnyjj-tab-po-dnyu-nedeli.html)

Galyanov 06.02.2016 23:32

Активный таб по дню недели
 
Всем привет!
Подскажите пожалуйста как лучше сделать, на java или jquery..

Вобщем есть расписание занятий разложенное по табам, их семь штук - пн, вт, ср, чт, пт, сб, вс.

Хочется, чтоб в зависимости от того какой сегодня день недели такой таб и был активный.

Подозреваю, что делается не сложно.
Надо определить какой сегодня день недели и присовить соответствующему табу класс active.

Т.е. если сегодня понедельник то к элементу .ponedelnik добавить класс active.
Если вторник, то к элементу .vtornik добавить класс active, и так по всем дням проверить.

Единственное что не знаю как проверить по дням.

рони 06.02.2016 23:51

Galyanov,
http://javascript.ru/forum/dom-windo...tml#post299239

Galyanov 07.02.2016 00:12

Вау) Спасибо, ща попробуем!

laimas 07.02.2016 09:23

Цитата:

Сообщение от Galyanov
есть расписание занятий

Расписание относительно часовых поясов, и кто строит табуляторы?

Galyanov 07.02.2016 14:53

Верстаю фреймворком Zurb Foundation, табы через его модуль Tabs

Galyanov 07.02.2016 15:23

К сожалению так не сделать(
Надо присваивать класс а не менять стиль элемента...

У меня вот такой код табов
<ul class="tabs" data-tabs id="example-tabs">
   <li class="tabs-title is-active"><a href="#panel1" aria-selected="true">Пн</a></li>
   <li class="tabs-title"><a href="#panel2">Вт</a></li>
   <li class="tabs-title"><a href="#panel3">Ср</a></li>
   <li class="tabs-title"><a href="#panel4">Чт</a></li>
   <li class="tabs-title"><a href="#panel5">Пт</a></li>
   <li class="tabs-title"><a href="#panel6">Сб</a></li>
   <li class="tabs-title"><a href="#panel7">Вс</a></li>
</ul>

<div class="tabs-content" data-tabs-content="example-tabs">
   <div class="tabs-panel is-active" id="panel1">
       Расписание понедельника  
   </div>
   <div class="tabs-panel" id="panel2">
       Расписание вторника
   </div>
   <div class="tabs-panel" id="panel3">
       Расписание среды
   </div>
   <div class="tabs-panel" id="panel4">
       Расписание четверга
   </div>
   <div class="tabs-panel" id="panel5">
       Расписание пятницы
   </div>
   <div class="tabs-panel" id="panel6">
       Расписание субботы
   </div>
   <div class="tabs-panel" id="panel7">
       Расписание воскресенья
   </div>
</div>

рони 07.02.2016 17:16

Galyanov,
что мешает генерить страницу с нужными классами php? что мешает добавить класс поставив скрипт после этого блока js? что мешает кликнуть после генерации foundation по нужному табу jquery?
не знаю foundation но наверняка там есть ещё способ, дополнительно к этим.

laimas 07.02.2016 17:29

Цитата:

Сообщение от Galyanov
Надо присваивать класс а не менять стиль элемента

Вряд ли вывод расписаний на неделю прописывается учителем непосредственно в html код страницы, скорее всего это цикл над данными из базы, да даже если из файла, то цикл. А цикл это итерации и всего их будет 7 (а где учатся по воскресениям?), и дней в неделе тоже 7, и каждый из них это возвращенный номер недели.

Что там за заведение учебное, но его расписание затрагивает только его учеников, а значит и сервер должен работать по времени этого заведения. Разве сложно на севере сравнить текущий день недели с итерацией цикла при выводе этого расписания клиенту? Чем Javascript провинился, что его заставляют делать что угодно?

Galyanov 07.02.2016 20:02

Ну все гораздо проще)
Это расписание занятий йога-студии.
Сайт на вордпресс, есть семь записей, которые выведены в табы. В конце каждой недели заполняется расписание на новую неделю путем редактирования существующих, просто дата в заголовке меняется.

В принципе все устраивает и так. Просто хотелось, чтоб при открытии сайта был активен таб соответствующий текущему дню недели.

рони 07.02.2016 20:09

Galyanov,
так реализуйте любое предложенное решение , лучше конечно на сервере.


Часовой пояс GMT +3, время: 09:19.