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

1.3.1 jQuery Countdown и XenForo

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

Загрузка
  1. Nappsel

    Nappsel Активный пользователь

    Регистрация:
    11.11.13
    Сообщения:
    29
    Симпатии:
    0
    Версия XF:
    1.4.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, проверил другой таймер, работает. А тот что нужен мне, с кнопной сброса, нет. :(

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

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

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

    Nappsel Активный пользователь

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

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

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

    Nappsel Активный пользователь

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

    Mirovinger Местный

    Регистрация:
    17.05.12
    Сообщения:
    256
    Симпатии:
    249
    Версия 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>
     

    Вложения:

    Nappsel нравится это.
  7. Nappsel

    Nappsel Активный пользователь

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

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