Postingan lainnya
Tidak bisa me-load artikel selanjutnya dengan fungsi Load More
permisi suhu numpang tanya.. jadi ceritanya saya mau buat fungsi load more, disetiap kanal berisikan 10 artikel. Terus kalo saya klik load more maka akan nampilin artikel selanjutnya. dan setelah saya buat terjadi masalah klo saya klik load more, setelah saya klik malah muncul pesan "No more content to load" padahal seharusnya masih ada artikel selanjutnya. kira" ada yang error dimana ya? Mohon bantuannya para suhu. Terima kasih. *mohon maaf klo kepanjangan..
ini kodingannya kanal.php nya gan :
<?php include 'login/ngetes/koneksi.php';
$id = rand(111111111,999999999);
$ip = $_SERVER['REMOTE_ADDR']; // Mendapatkan IP komputer user
// $date = date("Ymd"); // Mendapatkan date sekarang
$tanggal = date("d");
$bulan = date("m");
$tahun = date("Y");
$waktu = time(); //
$date = $tahun."-".$bulan."-".$tanggal;
// Mencek berdasarkan IPnya, apakah user sudah pernah mengakses hari ini
$s = mysql_query("SELECT * FROM statistik WHERE ip='$ip' AND date='$date'")or die(mysql_error());
// Kalau belum ada, simpan data user tersebut ke table statistik
if(mysql_num_rows($s) == 0 ){
mysql_query("INSERT INTO statistik VALUES('$id', '$ip', '$date', '1', '$waktu')")or die(mysql_error());
}
?>
<!DOCTYPE html>
<html>
<head>
<title>OMAS (Obrolan Mahasiswa)</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="materialize/css/materialize.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font:normal 14px tahoma, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
a{text-decoration:none;}
.cari{
margin-right: 3%;
color: black;
}
.card{
margin-top: 4%;
overflow: hidden;
max-height: 1000px;
}
.card-image{
overflow: hidden;
max-height: 300px;
}
.small{
display: none;
}
.gambar-2{
width: 300px;
height: 150px;
overflow: hidden;
}
.gambar-2 img{
position: relative;
display: block;
width: 100%;
}
.top_news, .news_update{
padding: 2%;
border-radius: 5px;
}
.main_div{margin:30px 0 0 50px; width:580px }
ul.load_content{ margin:0; padding:0; list-style-type:none;}
ul.load_content li {
border-bottom: 1px solid #ddd;
color: #000000;
display: block;
font: 14px Arial,Helvetica,sans-serif;
padding: 10px 0 0 15px;
text-decoration: none;
}
.more_button {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 5px;
color: #000;
font-weight: bold;
height: auto;
line-height: 32px;
text-align: center;
text-transform: none;
}
.more_div{padding:10px;}
.all_loaded{font: bold 15px arial; color:#0D92E1; padding:20px 0 0 100px;}
.col s3 .sosmed{
margin-left: 3%;
}
.sosmed, .tim{
color: white;
}
@media screen and (max-width: 1000px){
.card{
margin-top: 10%;
}
.card-content h4{
font-size: 20px;
}
.isi{
display: none;
}
.small{
display: block;
}
.large{
display: none;
}
}
</style>
</head>
<body>
<!-- Navbar -->
<?php $kategori = $_GET['kategori']; ?>
<div class="navbar-fixed">
<nav class=" white nav-extended">
<div class="nav-wrapper">
<a href="index.php" class="brand-logo"><img src="gambar/omas-logo.png" class="responsive-img" width="255"></a>
<div class="cari">
<a class="right modal-trigger waves-effect waves-light" href="#modal_box"><i class="material-icons cari">search</i></a>
<div id="modal_box" class="modal">
<div class="modal-content">
<center><span>Cari Artikel</span></center>
<input type="text" name="cari_artikel" placeholder="Cari Artikel">
<a href="#!" class="btn">Cari</a>
</div>
</div>
<a href="#" data-target="mobile-nav" class="sidenav-trigger black-text"><i class="material-icons">menu</i></a>
</div>
<div class="nav-content">
<ul id="nav-mobile" class="tabs tabs-transparent hide-on-large-only">
<li class="tab"><a href="index.php" class="black-text">Home</a></li>
<li class="tab"><a href="index_berita.php" class="black-text">Indeks Berita</a></li>
<li class="tab"><a href="galeri.php" class="black-text">Galeri Foto & Video</a></li>
</ul>
</div>
</div>
<div class="nav-content">
<ul id="nav-mobile" class="tabs tabs-transparent hide-on-med-and-down">
<li class="tab"><a href="kanal.php?kategori=Alam" class="black-text">Alam</a></li>
<li class="tab"><a href="kanal.php?kategori=Olahraga" class="black-text">Olahraga</a></li>
<li class="tab"><a href="kanal.php?kategori=Teknologi" class="black-text">Teknologi</a></li>
<li class="tab"><a href="kanal.php?kategori=Rohani" class="black-text">Rohani</a></li>
<li class="tab disabled"><a href="kanal.php?kategori=Hiburan" class="black-text">Hiburan</a></li>
<li class="tab"><a href="kanal.php?kategori=Pojok_Kampus" class="black-text">Pojok Kampus</a></li>
<li class="tab"><a href="kanal.php?kategori=Aktivitas_Kampus" class="black-text">Aktivitas Kampus</a></li>
<li class="tab"><a href="galeri.php" class="black-text">Galeri Foto & Video</a></li>
</ul>
</div>
</nav>
</div>
<ul class="sidenav" id="mobile-nav">
<li><a href="#!" class="black-text">Alam</a></li>
<li><a href="#!" class="black-text">Olahraga</a></li>
<li><a href="#!" class="black-text">Teknologi</a></li>
<li><a href="#!" class="black-text">Rohani</a></li>
<li><a href="kanal.php" class="black-text">Hiburan</a></li>
<li><a href="#!" class="black-text">Pojok Kampus</a></li>
<li><a href="#!" class="black-text">AKtivitas Kampus</a></li>
<li><a href="galeri.php" class="black-text">Galeri Foto & Video</a></li>
</ul>
<!-- Navbar -->
<!-- isi berita -->
<br>
<div class="container">
<div class="col s12 m7">
<?php
$artikel = mysql_query("Select * from artikel where kategori = '$kategori' order by date desc limit 1 ")or die(mysql_error());
$fartikel = mysql_fetch_array($artikel);
$id_artikel = $fartikel['id_artikel'];
if($fartikel){
?>
<div class="card horizontal">
<div class="card-image">
<a href="isi_berita.php?id=<?php echo $fartikel['id_artikel']; ?>"><img src="gambar/<?php echo $fartikel['gambar']; ?>" class="responsive-img"></a>
</div>
<div class="card-stacked">
<div class="card-content">
<a href="isi_berita.php?id=<?php echo $fartikel['id_artikel']; ?>" class="black-text"><h4><?php echo $fartikel['judul']; ?></h4></a>
<p class="grey-text"><?php echo $fartikel['kategori']; ?> | <?php echo $fartikel['date']; ?> WIB</p>
<br>
<p class="isi"><?php echo substr($fartikel['artikel'], 0,300) ?>..</p>
</div>
</div>
</div>
<?php
} else {
echo "Berita Belum Ada";
}
?>
</div>
</div>
<!-- isi kanal -->
<div class="container">
<div class="row">
<div class="col m8 s12">
<ul class="load_content" id="load_more_ctnt">
<?php
$berita = mysql_query("Select * from artikel where kategori = '$kategori' and id_artikel != '$id_artikel' and kategori = '$kategori' order by date desc limit 10 ")or die(mysql_error());
while ($fberita = mysql_fetch_array($berita)){
$date = $fberita['date'];
$id = date('d-m-Y', strtotime($date));
?>
<li>
<table class="large">
<tr>
<td colspan="4">
<div class="gambar-2">
<a href="isi_berita.php?id=<?php echo $fberita['id_artikel']; ?>"><img src="gambar/<?php echo $fberita['gambar']; ?>" class="responsive-img"></a>
</div>
</td>
<td>
<p class="grey-text"><?php echo $fberita['kategori']; ?> | <?php echo $fberita['date']; ?> WIB</p>
<a href="isi_berita.php?id=<?php echo $fberita['id_artikel']; ?>" class="black-text"><p><b><?php echo $fberita['judul']; ?></b></p></a>
<p align="justify"><?php echo substr($fberita['artikel'], 0,300) ?></p>
</td>
</tr>
</table>
</li>
<li>
<table class="small">
<tr>
<td colspan="4">
<div class="gambar-2">
<a href="isi_berita.php?id=<?php echo $fberita['id_artikel']; ?>"><img src="gambar/<?php echo $fberita['gambar']; ?>" class="responsive-img"></a>
</div>
</td>
<td>
<p class="grey-text"><?php echo $fberita['kategori']; ?> | <?php echo $fberita['date']; ?> WIB</p>
<a href="isi_berita.php?id=<?php echo $fberita['id_artikel']; ?>" class="black-text"><p><b><?php echo $fberita['judul']; ?></b></p></a>
<p align="justify"><?php echo substr($fberita['artikel'], 0,300) ?></p>
</td>
</tr>
</table>
</li>
<?php } ?>
</ul>
<div class="more_div"><a href="#"><div id="load_more_<?php echo $id; ?>" class="more_tab">
<div class="more_button" id="<?php echo $id; ?>">Load More Content</div></a></div>
</div>
</div>
<!-- top news, berita terkini -->
<div class="col m4 s12">
<h6 class="top_news grey darken-4 white-text"><center>Top News</center></h6>
<ul class="collection">
<?php
$no=0;
$top_news = mysql_query("Select*from artikel order by view desc limit 5 ")or die(mysql_error());
while($ftop_news=mysql_fetch_array($top_news)){
$no++;
?>
<li class="collection-item">#<?php echo $no; ?> <a href="isi_berita.php?id=<?php echo $ftop_news['id_artikel']; ?>" class="black-text"><?php echo $ftop_news['judul']; ?></a></li>
<?php } ?>
</ul>
<h6 class="news_update grey darken-4 white-text"><center>Berita Terkini</center></h6>
<ul class="collection">
<?php
$terkini = mysql_query("Select * from artikel order by date desc limit 6")or die(mysql_error());
while ($fterkini = mysql_fetch_array($terkini)){
?>
<li class="collection-item"><a href="isi_berita.php?id=<?php echo $fterkini['id_artikel']; ?>" class="black-text"><?php echo $fterkini['judul']; ?></a></li>
<?php } ?>
</ul>
</div>
</div>
</div>
<footer class="page-footer grey darken-3">
<div class="row">
<div class="col l6 s12">
<h5>Apa Itu OMAS ?</h5>
<p align="justify">Merupakan kepanjangan dari Obrolan Mahasiswa, yaitu sebuah portal berita online yang dibentuk untuk mewadahi para mahasiswa yang memiliki minat dibidang jurnalistik. Mengusung tema <i>"Dari Mahasiswa, oleh mahasiswa, dan untuk masyarakat"</i>. Dengan arti bahwa mahasiswa dilibatkan sepenuhnya dalam pembuatan dan pengolahan sistem ini, dan diharapkan dengan hadirnya OMAS ini dapat berkontribusi untuk masyarakat. <a href="about_us.php#about">Lihat Selengkapnya</a></p>
</div>
<div class="col l3 s6">
<h5>Follow Us :</h5>
<ul>
<li><a href="#!" class="sosmed">Twitter</a></li>
<li><a href="#!" class="sosmed">Facebook</a></li>
<li><a href="#!" class="sosmed">Instagram</a></li>
</ul>
</div>
<div class="col l3 s6">
<h5>About Us :</h5>
<ul>
<li><a href="about_us.php#team" class="tim">Our Team</a></li>
<li><a href="about_us.php#kontak" class="tim">Contact Us</a></li>
<li><a href="about_us.php#join" class="tim">Join Our Team</a></li>
</ul>
</div>
</div>
<div class="footer-copyright grey darken-4">
<p style="margin-left: 1%;">© OMAS (Obrolan Mahasiswa) 2018</p>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script src='materialize/js/materialize.min.js'></script>
<script>
$(document).ready(function(){
$('.sidenav').sidenav();
$('.modal').modal({
opacity:0.7,
in_duration:150,
out_duration:1000,
});
});
$(function() {
$('.more_button').live("click",function()
{
var getId = $(this).attr("id");
if(getId)
{
$("#load_more_"+getId).html('<img src="load_img.gif" style="padding:10px 0 0 100px;"/>');
$.ajax({
type: "POST",
url: "more_content_kanal.php",
data: "getLastContentId="+ getId,
cache: false,
success: function(html){
$("ul#load_more_ctnt").append(html);
$("#load_more_"+getId).remove();
}
});
}
else
{
$(".more_tab").html('The End');
}
return false;
});
});
</script>
</body>
</html>
tampilan koding more_content_kanal.php
<?php
include "login/ngetes/koneksi.php";
$kategori = $_GET['kategori'];
$berita = mysql_query("Select * from artikel where kategori = '$kategori' order by date desc limit 1 ")or die(mysql_error());
$fberita = mysql_fetch_array($berita);
$id_artikel = $fberita['id_artikel'];
if(isSet($_POST['getLastContentId']))
{
$getLastContentId=$_POST['getLastContentId'];
$result=mysql_query("select * from artikel where date < '$getLastContentId' and id_artikel != '$id_artikel' and kategori = '$kategori' order by date desc limit 10");
$count=mysql_num_rows($result);
if($count>0){
while($row=mysql_fetch_array($result))
{
$date = $row['date'];
$id = date('d-m-Y', strtotime($date));
?>
<ul>
<li>
<table class="large">
<tr>
<td colspan="4">
<div class="gambar-2">
<a href="isi_berita.php?id=<?php echo $row['id_artikel']; ?>"><img src="gambar/<?php echo $row['gambar']; ?>" class="responsive-img"></a>
</div>
</td>
<td>
<p class="grey-text"><?php echo $row['kategori']; ?> | <?php echo $row['date']; ?> WIB</p>
<a href="isi_berita.php?id=<?php echo $row['id_artikel']; ?>" class="black-text"><p><b><?php echo $row['judul']; ?></b></p></a>
<p align="justify"><?php echo substr($row['artikel'], 0,300) ?></p>
</td>
</tr>
</table>
</li>
</ul>
<?php
}
?>
<a href="#"><div id="load_more_<?php echo $id; ?>" class="more_tab">
<div id="<?php echo $id; ?>" class="more_button">Load More Content</div></a>
</div>
<?php
} else{
echo "<div class='all_loaded'>No More Content to Load</div>";
}
}
?>
berikut tampilan programnya :
0
2 Jawaban:
Dibagian ini agan typo <pre> if(isSet($_POST['getLastContentId'])) //Harusnya if(isset( $_POST['getLastContentId'] )) </pre> semoga berhasil gan
0
makasih agan @bosque udh bantu.. tapi ane udh gak pake koding ini lagi, pake paging yang biasa aja..
0