[mysql]Php 的活动日历

标签: html5 jQuery MySQL PHP
发布时间: 2016/10/18 0:03:04
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我有的事件提取数据从 MySQL 和用 PHP 来在网页上显示的日历。现在客户端想要当人们打开页面时它滑到下一个即将到来的事件。过去的日期保持但幻灯片到下一个即将到来的事件。

这里是活生生的例子︰ http://www.sv-filipjakov.hr/en/calendar-events

这里是日期代码︰

<article class="KalendarDogadjanjaBox KalendarCrveni">
    <div class="KalendarDogadjanjaBoxDatum">
        <div class="KalendarDogadjanjaBoxDatum1">21. June</div>
        <div class="KalendarDogadjanjaBoxDatum2"> 09h</div>
    </div>
    <div class="KalendarDogadjanjaBoxOpis">
        <h3>World music day, Sv. Filip i Jakov</h3>
        <p>:)</p>
    </div>
    <div class="clear"></div>
</article>

也许,但迄今为止我的文章的数据属性、 设置其格式,然后用 jQuery 滑吗?任何人有任何建议吗?

解决方法 1:

这里是我的解决方案。我将一个日期作为 id 添加到文章︰

    <article id="23-05-15" class="KalendarDogadjanjaBox ">
      <div class="KalendarDogadjanjaBoxDatum">
        <div class="KalendarDogadjanjaBoxDatum1">23. May</div>
        <div class="KalendarDogadjanjaBoxDatum2">23.-31.05 h</div>
      </div>
      <div class="KalendarDogadjanjaBoxOpis">
                  <a class="right" style=" position:relative; top:10px; right:-20px;" href="/slike/18052015_6377721205.jpg" rel="prettyPhoto[100]" title="Izložba radova 8.Likovne kolonije  „Svibanj 2015“"><img style="width:130px; height:100px;" src="/slike/male/18052015_6377721205.jpg"> </a>
                <h3>Izložba radova 8.Likovne kolonije  „Svibanj 2015“</h3>
        <p>Likovna kolonija Maj 2015 Turanj , okuplja umjetnike iz društava Slovenaca „Triglav“ iz Splita, „Istra“ iz Pule, Slovenski dom iz Karlovca, Slovenski dom iz Zagreba , „Bazovica“ iz Rijeke, i  „Lipa“ iz Zadra,  a pridružuju im se i likovni umjetnici iz Zadra i Sv. Filip i Jakova, Turnja i Zagreba.<br />
Svoje sudjelovanje na likovnoj koloniji potvrdili  su i slikari  umjetnici  iz Sežane i Dolenjskih toplic  iz Slovenije.</p>
      </div>
    <div class="clear"></div>
    </article>

和创建 php 函数来调用即将到来的事件︰

<?php 
function KalendarSlideTo(){
global $link;
$rezultat = mysqli_query($link, "SELECT * FROM kalendar_dogadjanja WHERE KalendarDatum >= '".date('Y-m-d')."' LIMIT 1");
$redak = mysqli_fetch_array($rezultat);
echo date('d-m-y', strtotime($redak['KalendarDatum']));
}?>

和这个 jquery 代码︰

$('html, body').animate({
    'scrollTop':   $('#<?php KalendarSlideTo(); ?>').offset().top
}, 1);
赞助商