php - Loadmore Box : wanted to add load more box on my page , but i dont know it will work on background -
i have made front end website , wanted add loadmore box , had make loadmore box wanted contain 9 content @ first , after show loadmore box 9 more content , keep going until content ended , when content end load more box should not see @ end . here code
<section> <div class="container-fluid body-section"> <div class="row"> <div class="col-md-3"></div> <div class="col-md-9"> <h1> <i class="fa fa-tachometer"> job board</i> <small> order date</small></h1><hr style=" border: 1px solid #ccc;"> <div class="row tag-boxes"> <?php $query='select * posts '; $con=mysqli_connect("localhost","root","sudha","joboard"); $run=mysqli_query($con, $query); if(mysqli_num_rows($run)>0) { while($row=mysqli_fetch_array($run)) { $id=$row['id']; $title=$row['title']; $content=$row['content']; $image=$row['image']; $title=$row['title']; $date=$row['date']; $url=$row['url']; ?> <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 morebox" > <div class="panel" style="border: 1px solid blue"> <div class="panel-heading"> <div class="row" style="border-radius:200px;"> <div class="col-xs-3 col-sm-3 col-md-3 pull-left" style="margin-left: -13px; margin-top: -10px;" > <a href="post.php?post_id=<?php echo $id;?>"><img src="<?php echo $image;?>" width="100" height="100"></a> </div> <div class="col-xs-9" style="text-align:center;"> <a href="post.php?post_id=<?php echo $id;?>"> <h3 style="margin-top: 0px; margin-right: -33px;"><?php echo $title;?> </h3></a> <p style="text-align:right; margin-right: -20px; padding-left: 25px;"> <?php echo $content;?> </p> <a href="post.php?post_id=<?php echo $id;?>" class="btn btn-primary"> details</a> </div> </div> </div> <div class="panel-footer " style="color:black; font-size:15px;"> <div class="row" style="padding-top:5px; margin-bottom:-5px; margin-top:-5px;"> <div class="col-xs-6 col-sm-6 col-md-6" > last date apply<span class="pull-right"><i class=" fa fa-arrow-circle-right"></i> </span></div> <div class="col-xs-6 col-sm-6 col-md-6"> <?php echo $date;?></div> </div> <hr style="width:100%; border:1px solid ccc#;"> <div class="row" style="padding-top:5px; margin-top:-15px;"> <div class="col-xs-5 col-sm-5 col-md-5">apply here<span class="pull-right"><i class=" fa fa-arrow-circle-right"></i> </span></div> <div class="col-xs-7 col-sm-7 col-md-7"> <a href="#"><?php echo $url;?></a></div> </div> <div class="clearfix"></div> </div> </div> </div> <?php } } ?> </div> <div class="col-xs-12 col-sm-12 col-md-12" id="loadmore"> <a href="#">load more</a> </div> </div> </div> </div>
`
access denied happens when password connecting database invalid. think need ajax call doing this. best practice work.
Comments
Post a Comment