jQuery Girl
  1. jQuery Girl
  3. Comment changer la pagination en défilement infini dans Codeigniter
Intereting Posts
élément div fixe / flottant lors du défilement Comment “réinitialiser” les styles pour un élément HTML donné? jQuery: array .children () n’est pas une fonction Entrée de balise html de type = “nombre” et séparateur décimal basé sur la culture Comment se souvenir du dernier état avec Jquery? Comment supprimer une ligne dans une table en utilisant jQuery? jQuery définit l’opacité d’arrière-plan CSS JQuery ul li liste de sélection Comment vérifier si un Textarea est vide en Javascript ou en Jquery? Comment définir la première hauteur de N enfants sur son parent max-height jQuery ou CSS (préféré)? MVC, WCF ASP.NET 4.0 et JQUERY url.content (…) comme méthode dans jquery ou javascript? Mise à jour du texte en direct avec jQuery téléchargement de fichier ajax jQuery, problème avec .animate () et .fadeIn ()

Comment changer la pagination en défilement infini dans Codeigniter

Je veux changer cette page de pagination en défilement infini. J’utilise codeigniter. J’avais déjà effectué une recherche sur jquery et ajax mais je ne comprenais pas vraiment comment l’implémenter dans mon code Alors aidez-moi à éditer mon code de pagination en défilement infini. . . Je me suis battu pendant des jours. Je serai si reconnaissant si vous pouvez me soutenir. Je vous remercie 🙂

HomeController.php 

public function list_voucher($page=NULL, $orderBy=NULL) { if($this->session->userdata('logged_in')) { $session_data = $this->session->userdata('logged_in'); $data['nama'] = $session_data['nama']; $data['id'] = $session_data['id_user']; $data['tipeUser'] = $session_data['tipe_user']; } else{ $data['nama'] = ""; $data['id'] = "0"; $data['tipeUser']=""; } $data['url_image'] = $this->imageUrl; $data['notif'] = ''; $config['base_url'] = base_url().'/home_controller/list_voucher/'; $data['jmlh_rows'] = $this->voucher->getAllDeals(); $total_row = $data['jmlh_rows']->num_rows(); $config["total_rows"] = $total_row; $config["per_page"] = 8; $config['cur_tag_open'] = ' '; $config['cur_tag_close'] = ''; $config['next_link'] = 'Next'; $config['prev_link'] = 'Previous'; $this->pagination->initialize($config); $str_links = $this->pagination->create_links(); $data["links"] = explode(' ',$str_links ); $data['dataAllDeals'] = $this->voucher->getAllDealsPerPage($config["per_page"], $page, $orderBy); $data['no']=$this->uri->segment(3); $data['data_kategori'] = $this->jenismakanan->Getjenismakanan(); $this->load->view('listalldeals', $data); }

Vue 

    deals <link href="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />  <script src="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/js/jquery.min.js">   <link href="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/css/style.css" rel="stylesheet" type="text/css" media="all" />      addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }      <script type="text/javascript" src="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/js/move-top.js"> <script type="text/javascript" src="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/js/easing.js">  jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); });  <link href="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/css/index.css" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/css/imgslider.css" type="text/css" media="screen" /> <script src="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/js/slideout.min.js"> <script src="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/js/jquery.wmuSlider.js"> <script src="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/js/jquery.wmuGallery.js">     
  
 
  
 
  
 
  
 
 <input type="text" id= "input-keyword" name="input-keyword" placeholder="Search ..." value="" >  
 
 
 
 
 
  
 
  
 
 
List All Vouchers
 
 num_rows()>0) { $j=0; $f=$no; foreach ($dataAllDeals->result() as $rowAllDeals){ $j++; if($j%5==0 || $j==1){ ?>  
 <a href="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/home_controller/Details/id_restoran;?>" ><img src="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/restaurant/id_restoran;?>/deals/gambar_voucher;?>" class="img-responsive-search" alt="">   
. nama_restoran?>
 
Valid until : masa_berlaku); echo date_format($date, "dMY"); ?>
  sisa_voucher > 0) { ?> 
AVAILABLE (sisa_voucher. ' Voucher'?> from jumlah_voucher. ' Voucher'?>)
  
NOT AVAILABLE 
   
 sisa_voucher > 0) { ?> <a href="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/home_controller/GetVoucher/id_voucher;?>" class="btn btn-success">Get Voucher
  <a href="https://stackoverflow.com/questions/40700258/how-to-change-pagination-into-infinite-scroll-in-codeigniter/home_controller/GetVoucher/id_voucher;?>" disabled class="btn btn-success">Get Voucher

session->flashdata('message')) : echo "alert('". $this->session->flashdata('message')."')"; endif; ?> var slideout = new Slideout({ 'panel': document.getElementById('panel'), 'menu': document.getElementById('menu'), 'padding': 190, 'tolerance': 70 }); // Toggle button document.querySelector('.toggle-button').addEventListener('click', function() { slideout.toggle(); }); var userAgent = navigator.userAgent || navigator.vendor || window.opera; if( userAgent.match( /iPad/i ) || userAgent.match( /iPhone/i ) || userAgent.match( /iPod/i ) ) { slideout.disableTouch(); } slideout.disableTouch(); // auto close slideout.on('open', function() { $( "#panel" ).click(function() { return false; }); $( "#panel" ).click(function() { slideout.close(); }); }); slideout.on('close', function() { $( "#panel" ).unbind('click'); }); $('.gallery').wmuSlider();

Modèle 

 public function getAllDeals(){ $this->db->select(); $this->db->from('voucher v'); $this->db->join('restoran r', 'r.id_restoran = v.id_restoran'); //$this->db->where('r.fitur_premium', 'y'); $this ->db -> where('v.masa_berlaku >', date('Ym-d')); $this ->db -> where('v.is_aktif', '1'); //$this->db->limit(8,0); $query = $this->db->get(); return $query; } public function getAllDealsPerPage($num,$page, $orderBy){ $this->db->select(); $this->db->from('voucher v'); $this->db->join('restoran r', 'r.id_restoran = v.id_restoran'); //$this->db->where('r.fitur_premium', 'y'); $this ->db -> where('v.masa_berlaku >', date('Ym-d')); $this ->db -> where('v.is_aktif', '1'); if($orderBy == NULL){ $this->db->order_by('id_voucher', 'asc'); } else{ if($orderBy == "scName"){ $orderBy = 'nama_voucher'; $order ='asc'; } else if($orderBy == "scNew"){ $orderBy = 'id_voucher'; $order ='desc'; } $this->db->order_by($orderBy, $order); } //$this->db->limit(8,0); $query = $this->db->get('', $num, $page); return $query; }