Активный таб по дню недели
Всем привет!
Подскажите пожалуйста как лучше сделать, на java или jquery.. Вобщем есть расписание занятий разложенное по табам, их семь штук - пн, вт, ср, чт, пт, сб, вс. Хочется, чтоб в зависимости от того какой сегодня день недели такой таб и был активный. Подозреваю, что делается не сложно. Надо определить какой сегодня день недели и присовить соответствующему табу класс active. Т.е. если сегодня понедельник то к элементу .ponedelnik добавить класс active. Если вторник, то к элементу .vtornik добавить класс active, и так по всем дням проверить. Единственное что не знаю как проверить по дням. |
|
Вау) Спасибо, ща попробуем!
|
Цитата:
|
Верстаю фреймворком Zurb Foundation, табы через его модуль Tabs
|
К сожалению так не сделать(
Надо присваивать класс а не менять стиль элемента... У меня вот такой код табов <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> |
Galyanov,
что мешает генерить страницу с нужными классами php? что мешает добавить класс поставив скрипт после этого блока js? что мешает кликнуть после генерации foundation по нужному табу jquery? не знаю foundation но наверняка там есть ещё способ, дополнительно к этим. |
Цитата:
Что там за заведение учебное, но его расписание затрагивает только его учеников, а значит и сервер должен работать по времени этого заведения. Разве сложно на севере сравнить текущий день недели с итерацией цикла при выводе этого расписания клиенту? Чем Javascript провинился, что его заставляют делать что угодно? |
Ну все гораздо проще)
Это расписание занятий йога-студии. Сайт на вордпресс, есть семь записей, которые выведены в табы. В конце каждой недели заполняется расписание на новую неделю путем редактирования существующих, просто дата в заголовке меняется. В принципе все устраивает и так. Просто хотелось, чтоб при открытии сайта был активен таб соответствующий текущему дню недели. |
Galyanov,
так реализуйте любое предложенное решение , лучше конечно на сервере. |
Часовой пояс GMT +3, время: 09:19. |