Son Haberler
Anasayfa » PHP » PHP Ajax Haber Tabmenü scripti nasıl yapılır ?

PHP Ajax Haber Tabmenü scripti nasıl yapılır ?

php-ajax-tabmenu-haber-scriptiPHP Ajax Haber Tabmenü scripti nasıl yapılır ? Bugünkü yazımda sizlerle ileride kullanmayı düşündüğüm ajax teknolojisinden faydalanarak derlediğim php haber tabmenü sayfa kodlarımı paylaşacağım. Genel içerikli sitelerde kullanılabilir. Haber tabmenümüz, mevcut hali ile çalışmasında Hürriyet gazetesi gündem haberleri, Milliyet gazatesi, Habertürk ve NTVMSNBC den gündem haberlerini RSS olarak çekmektedir.
Sayfamızın demo’sunu izlemek için linki tıklayabilirsiniz.

Haberler.php sayfamızın kodları şöyle;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PHP Ajax Tabmenü Haberler - Lokman AKKAYA</title>
<link rel="stylesheet" href="/haberler/lokman.akkaya/style.css">
<script src='http://code.jquery.com/jquery-1.10.2.min.js'></script>
<script src="/haberler/lokman.akkaya/akkaya.jquery.js"></script>
<script><!--
    $(function() {
    $("#akkaya-one").organicTabs();
    $("#akkaya-two").organicTabs({
    "speed": 54
    });
});
--></script>
</head>
<body>
<div id="page-wrap">
  <div id="akkaya-one">
    <ul>
      <li><a href="#hurriyet">HÜRRİYET</a></li>
      <li><a href="#milliyet">MİLLİYET</a></li>
      <li><a href="#haberturk">HABERTÜRK</a></li>
      <li><a href="#NTVMSNBC">NTVMSNBC</a></li>
    </ul>
    <div>
      <ul id="hurriyet">
        <?php
$feed = file_get_contents("http://rss.hurriyet.com.tr/rss.aspx?sectionId=2");
$xml = new SimpleXMLElement($feed);
$sayaccc = "1";
$limittt = "3";
foreach ($xml -> channel -> item as $veri){
if ($sayaccc <= $limittt){
$title= $veri->title ;
$description= $veri->description;
$links= $veri->link;
echo "<li><a href=$links target=_blank>". $title ."</a></li>";
echo $description;
echo "<a href=$links target=_blank>&nbsp; Daha fazla » </a><p> &nbsp;</p><Br /><Br /><Br />";
}
$sayaccc++;
}
?>
   </ul>
   <ul id="milliyet">
<?php
$feed = file_get_contents("http://www.milliyet.com.tr/D/rss/rss/Rss_24.xml");
$xml = new SimpleXMLElement($feed);
$sayaccc = "1";
$limittt = "3";
foreach ($xml -> channel -> item as $veri){
if ($sayaccc <= $limittt){
$title= $veri->title ;
$description= $veri->description;
$link      s= $veri->link;
echo "<li><a href=$links target=_blank>". $title ."</a></li>";
echo $description;
echo "<a href=$links target=_blank>&nbsp; Daha fazla » </a> <br><br><br><br><br>";
}
$sayaccc++;
}
?>
      </ul>
      <ul id="haberturk">
<?php
$feed = file_get_contents("http://www.haberturk.com/rss");
$xml = new SimpleXMLElement($feed);
$sayaccc = "1";
$limittt = "3";
foreach ($xml -> channel -> item as $veri){
if ($sayaccc <= $limittt){
$title        = $veri->title ;
$description = $veri->description;
$link        = $veri->link;
echo "<li><a href=$link target=_blank>". $title ."</a></li>";
echo $description ;
echo "<a href=$link target=_blank>&nbsp; Daha fazla » </a> <br><br><br><br><br><br><br><br>";
}
$sayaccc++;
}
?>
      </ul>
      <ul id="NTVMSNBC">
<?php
$feed = file_get_contents("http://www.ntvmsnbc.com/id/24928286/device/rss/rss.xml");
$xml = new SimpleXMLElement($feed);
$sayaccc = "1";
$limittt = "3";
foreach ($xml -> channel -> item as $veri){
if ($sayaccc <= $limittt){
$title= $veri->title ;
$description= $veri->description;
$links= $veri->link;
echo "<li><a href=$links target=_blank>". $title ."</a></li>";
echo $description;
echo "<a href=$links target=_blank>&nbsp; Daha fazla » </a>";
}
$sayaccc++;
}
?>
      </ul>
    </div>
    <?php  // <!-- Liste sonu  -->   ?>
  </div>
  <?php  // <!-- Tab sonu  -->   ?>
</div>
</body>
<!-- http://www.lokmanakkaya.com.tr/ -->
</html>

Burada dosya isimlerini sayfanıza göre yada isteğinize göre uyarlayabilirsiniz. Kırmızı renkli olan adresler çekilecek haber kaynaklarının rss adresleridir. $limittt değişkenimizde çekilecek haber adedini belirtiyoruz.

akkaya.jquery.js dosyamızın içerini aşağıdaki linkten edinebilirsiniz;

akkaya.jquery.js

Style.css sayfamızın içerini aşağıdaki linkten edinebilirsiniz;

style.css

Bu scripti istediğiniz gibi geliştirmeniz mümkündür. RSS haber başlıklarını arttırabilirsiniz, dikkat etmeniz gereken herzaman orjinal dosyalarınızı yedeklemeniz yeterli olacaktır.

Lokman AKKAYA
Konu: PHP Ajax Haber Tabmenü scripti nasıl yapılır ?

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir