Monday, 15 June 2015

php - Infinite scroll jquery plugin in codeigniter -



php - Infinite scroll jquery plugin in codeigniter -

i have pagination.php file in config folder. code below

$config['num_links'] = 5; $config['use_page_numbers'] = true; $config['query_string_segment'] = 'page'; $config['full_tag_open'] = '<div class="pagination"><ul>'; $config['full_tag_close'] = '</ul></div>'; $config['first_link'] = '&laquo; first'; $config['first_tag_open'] = '<li class="prev page">'; $config['first_tag_close'] = '</li>'; $config['last_link'] = 'last &raquo;'; $config['last_tag_open'] = '<li class="next page">'; $config['last_tag_close'] = '</li>'; $config['next_link'] = 'next &rarr;'; $config['next_tag_open'] = '<li class="next page">'; $config['next_tag_close'] = '</li>'; $config['prev_link'] = '&larr; previous'; $config['prev_tag_open'] = '<li class="prev page">'; $config['prev_tag_close'] = '</li>'; $config['cur_tag_open'] = '<li class="active"><a class="navigation" href="">'; $config['cur_tag_close'] = '</a></li>'; $config['num_tag_open'] = '<li class="page">'; $config['num_tag_close'] = '</li>';

how can utilize jquery plugin infinite scroll in codeigniter?

i have solved solution using jquery ajax, without plugin. code below...

//declaring variables var base_url = '<?php echo base_url(); ?>'; var offset = 2;//customize need var request_ajax = true; var ajax_is_on = false; var session_user = '<?php echo $_session['user_name']; ?>';//customize need var objheight=$(window).height()-50;//customize need var user_name = '<?php echo $this->uri->segment('2'); ?>';//customize need var last_scroll_top = 0; $(window).scroll(function(event) { var st = $(this).scrolltop(); if(st > last_scroll_top){ if ($(window).scrolltop() + 500 > $(document).height() - $(window).height()) { var user_posts = ''; if (request_ajax === true && ajax_is_on === false) { ajax_is_on = true; $("#loading-gif").removeclass('hidegif').addclass('displaygif'); $.ajax({ url: base_url + 'controller/function/', data: {page_number: offset, user_name: user_name}, type: 'post', async: false, datatype: 'json', success: function(data) { $("#loading-gif").removeclass('displaygif').addclass('hidegif'); if (data != '0') { (var x = 0; x < data.length; x++) { user_posts += '<div class="row-fluid">' + '<div class="span7" style="">' ; if (data[x].status != '1') { user_posts += '<div class="label" style="">unpublished</div>'; } else { user_posts += ''; } user_posts += htmldesignwithjqueryvariables; } $('#infinitecontent').append(user_posts); offset += 1; } else { request_ajax = false; $("#message").addclass('alert alert-success'); $("#pagination_message").html('no more posts'); } ajax_is_on = false; } }); } } } last_scroll_top = st; });

hope need someday.

php codeigniter infinite-scroll jquery-infinite-scroll

No comments:

Post a Comment