1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - коммерческий форумный движок от бывших создателей vBulletin, написанный на PHP.

1.3.1 jQuery Countdown и XenForo

Тема в разделе "Основные вопросы по XenForo", создана пользователем Nappsel, 25.06.2014.

Загрузка
  1. Nappsel

    Nappsel Местный

    Регистрация:
    11.11.13
    Сообщения:
    29
    Симпатии:
    0
    Добрых суток.
    Недавно потребовалось сделать таймер на сайте и в гугле благополучно отыскался Keith Wood Countdown на jQuery. Прочитав описание и нужные подключаемые модули, я принялся за установку.
    В page_container_js_body подключил три скрипта и css:
    Код:
    <script type="text/javascript" src="js/jquery/jquery.countdown.js"></script>
<script type="text/javascript" src="js/jquery/jquery.plugin.js"></script>
<script type="text/javascript" src="js/jquery/timer.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.countdown.css">
    Этот шаблон инклюдится в Page_Container между <head>..</head>
    Требуемый скрипт от ajax.googleapis я не могу подключить, иначе отваливаются всплывающие окна профиля и прочие детали.

    Собственно в скрипте timer.js лежит код таймера взятый с найденного сайта:
    Код:
    $(document).ready(function(){
    $('#expireMessage').countdown({until: shortly,
    expiryText: '<div class="over">It\'s all over</div>'});
    
    $('#expireMessageStart').click(function() {
    shortly = new Date();
    shortly.setSeconds(shortly.getSeconds() + 5.5);
    $('#expireMessage').countdown('option', {until: shortly});
    });
});
    И всё это дело должно выводиться, как я понял, через <div id="expireMessage"></div> на созданной мною странице через аддон External Pages.
    Шаблон страницы:
    HTML:
    <xen:h1>Закрытая страница с таймингами</xen:h1>
<xen:title>Тайминг</xen:title>
<xen:description>Чтобы не записывать никуда и проще считать сколько осталось времени.</xen:description>

<xen:navigation>
    <xen:breadcrumb href="{xen:link full:page/timing/}">Тайминг</xen:breadcrumb>
</xen:navigation>

<div id="expireMessage"></div>

<xen:sidebar>
    <xen:include template="sidebar_online_users" />
    <xen:include template="forum_stats" />
</xen:sidebar>
    Но беда в том, что страница пустая. Думал что скрипты не подключаются от body_js, проверил другой таймер, работает. А тот что нужен мне, с кнопной сброса, нет. :(

    Буду благодарен, если поможете решить данную проблему. :)
     
    Nappsel, 25.06.2014
    #1
  2. Nevil

    Nevil Пользователь

    Регистрация:
    28.05.13
    Сообщения:
    52
    Симпатии:
    13
    Ссылку то скинь чо где.
     
    Nevil, 26.06.2014
    #2
  3. Nappsel

    Nappsel Местный

    Регистрация:
    11.11.13
    Сообщения:
    29
    Симпатии:
    0
    @Nevil, в первом предложении ссылка на таймер.
     
    Nappsel, 26.06.2014
    #3
  4. Nevil

    Nevil Пользователь

    Регистрация:
    28.05.13
    Сообщения:
    52
    Симпатии:
    13
    -_- ну я же не телепат, как я по рабочему коду определю что у тебя не работает, ссылку на свою страничку скинь.
     
    Nevil, 26.06.2014
    #4
  5. Nappsel

    Nappsel Местный

    Регистрация:
    11.11.13
    Сообщения:
    29
    Симпатии:
    0
    Вот. Он просто не отображается, так что увидеть тут мало что получится. :)
     
    Nappsel, 26.06.2014
    #5
  6. Mirovinger

    Mirovinger Местный

    Регистрация:
    17.05.12
    Сообщения:
    267
    Симпатии:
    263
    Версия XF:
    1.1.2
    Попробуйте.
    demo.png
    В архиве демо страница, думаю разберётесь.
    Да и подключайте скрипты в таком порядке(jquery.plugin.js, подключается обязательно пред jquery.countdown.js).
    Код:
    <script type="text/javascript" src="js/jquery/jquery.plugin.js"></script>
<script type="text/javascript" src="js/jquery/jquery.countdown.js"></script>
<script type="text/javascript" src="js/jquery/timer.js"></script>
     

    Вложения:

    Mirovinger, 27.06.2014
    #6
    Nappsel нравится это.
  7. Nappsel

    Nappsel Местный

    Регистрация:
    11.11.13
    Сообщения:
    29
    Симпатии:
    0
    @Mirovinger, спасибо, проблема решена, только не отображался он потому, что css брался из корня, а после того как я переложил его в папку, всё появилось. И главный вопрос: можно ли заставить таймер игнорировать обновление страницы? То есть чтобы он не сбрасывался.
    Подскажите еще как подвинуть кнопку, чтобы она была справа от таймера?
     
    Последнее редактирование: 27.06.2014
    Nappsel, 27.06.2014
    #7

Поделиться этой страницей