PHP/MYSQL ve JQuery İle Haber Bandı (Ticker) Uygulaması
Bu uygulamanın HTML/CCS Uygulamasını ulaşmak için burayı tıklayın.
İlk önce veribanımızda haber_bandı isminde bir tablo oluşturalım. Aşağıdaki kod, ilk önce haber_bandı tablosu oluşturacak ve bu tablonun içine test veriler ekleyecektir.
CREATE TABLE IF NOT EXISTS `haber_bandi` ( `id` int(25) NOT NULL, `saat` varchar(10) NOT NULL, `haber` varchar(100) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8; INSERT INTO `bilgisayar`.`haber_ticker` (`id`, `saat`, `haber`) VALUES (NULL, '21:26', 'Kayseri''de "ramazan sokağı" açıldı'), (NULL, '21:25', 'Davutoğlu canlı yayında soruları yanıtlıyor!');
Daha önce oluşturduğumuz index.php dosyasındaki <ul></ul> etiketinin içindeki <li></li> etiketlerini kaldırın ve aşağıdaki PHP kodunu kopyalayın.
<?PHP
/*
veritabanı bağlantı bilgileri
$db_host = "localhost";
$db_name = "veritabanı_ismi";
$db_user = "root";
$db_pass = "****";
$mysqli = new mysqli($db_host, $db_user, $db_pass, $db_name);
*/
$sql = "SELECT * FROM haber_ticker";
$results = $mysqli->query($sql);
$ret ='';
while($row=$results->fetch_array()){
$ret .='<li><span>'.$row['saat'].'</span><a href="javascript:void(0);">'.$row['haber'].'</a></li>';
}
echo $ret;
?>
Bütün bilgieri bir araya toplarsak:
<body>
<div id="haber-ticker"> <span class="title">HABER: </span>
<div class="tickercontainer">
<div class="mask">
<ul id="js-news" class="js-hidden">
/*
veritabanı bağlantı bilgileri
*/
$sql = "SELECT * FROM haber_ticker";
$results = $mysqli->query($sql);
$ret ='';
while($row=$results->fetch_array()){
$ret .='<li><span>'.$row['saat'].'</span><a href="javascript:void(0);">'.$row['haber'].'</a></li>';
}
echo $ret;
/*veya PHP işlevi olarak
echo haberBandi();
*/
</ul>
</div>
</div>
</div>
</body>
PHP işlevi:
function haberBandi(){
$sql = "SELECT * FROM haber_ticker";
$results = $mysqli->query($sql);
$ret ='';
while($row=$results->fetch_array()){
$ret .='<li><span>'.$row['saat'].'</span><a href="javascript:void(0);">'.$row['haber'].'</a></li>';
}
return $ret;
}
