Necesito implementar paginación con ajax y jquery para actualizar sole el div
en el cual se cargan las páginas, la cuestión es que también estoy usando
CodeIniter. Para ello estoy usando jPaginate, lo que no logro hacer es que cuando
doy clic en el número de página se carguen solamente las páginas no toda la pagina html (que dicho sea de paso hace la llamada al controlador y hace que en el div donde van las preguntas se recargue toda la página principal del sitio).
Esto es lo que tengo:
preguntas.css
Código CSS:
Ver original
#preguntas { width:500px; } .pagination { list-style:none; margin:10px 0px 0px 0px; padding:0px; clear:both; } .pagination li{ float:left; margin:3px; } .pagination li a{ background-color:#44b0dd; color:#fff; display:block; padding:3px 5px; text-decoration:none; } .pagination li a.active { background-color:#fff; border:1px solid #000; color:#000; } .pagination li a.inactive { background-color:#eee; border:1px solid #ccc; color:#777; }
Documento de paginación:
Código HTML:
Ver original
<link rel="stylesheet" href="preguntas.css" type="text/css" media="screen" /> <script> $(document).ready(function(){ $("#preguntas").jPaginate(); }); </script> <div id="preguntas"> <p>Nullam in nisi si ipsum m in nisi si im in nisi si im in nisi si im in nisi si im in nisi si im in nisi si im in nisi si im in nisi si im in nisi si im in nisi si im in nisi si im in nisi si im in nisi si im in nisi si im in nisi si im in nisi si i dolor sit amet, consectetur adipiscin ipsum dolor sit amet, consectetur adipiscin ipsum dolor sit amet, consectetur adipiscin ipsum dolor sit amet, consectetur adipiscin ipsum dolor sit amet, consectetur adipiscint amet velit placerat laoreet.</p> <p>Mauris auctor suscipit tellus, at sodales nisi blandit sed.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean aliquet mollis mauris eget dictum. Ut blandit ipsum eget libero gravida egestas sit amet eu lacus. Vivamus vulputate egestas faucibus. Suspendisse imperdiet nisl vel purus suscipit placerat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis sed orci dolor. Nunc vitae nisl in sapien sollicitudin porttitor. Vivamus orci felis, rhoncus in sollicitudin vitae, congue eget ante. Curabitur eget elementum massa. Nunc porta fermentum ante, et venenatis tortor placerat nec. Aenean molestie ornare blandit. Fusce condimentum tempus massa, auctor pretium arcu facilisis vitae. Pellentesque faucibus scelerisque risus, id consectetur risus porttitor in. Vestibulum lacus ipsum, eleifend ac porttitor non, tincidunt quis orci. Cras diam est, interdum porta dignissim id, mattis at erat. Curabitur pretium porta nisi, eget semper enim rutrum a. Curabitur ornare molestie porttitor. Aliquam erat volutpat. Nulla non augue libero. Sed auctor hendrerit bibendum. Aenean volutpat tellus vitae urna lobortis sollicitudin. Donec cursus velit id sapien facilisis eget fringilla purus luctus. Sed imperdiet tristique justo, eu dictum libero rhoncus et. Aliquam in elit in sem dapibus consequat. Nullam euismod rhoncus nulla quis aliquet. Mauris quis eros tellus, quis condimentum arcu. In pretium ultrices felis, et volutpat massa adipiscing eget. Suspendisse eu tellus et magna rutrum gravida ut ut quam. Quisque mollis, diam sit amet rhoncus varius, nisl arcu gravida dui, id blandit ipsum tellus ut felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. </p> </div>
Lo que busco al final es que por medio de un formulario se registren las preguntas que conformarán una encuesta.
Y para no presentar todos los text en una sola página lo pienso presentar mediante paginación en el lado del cliente para de esta forma hacer un sólo submit
Si alguien tiene una idea mejor para lograr hacer esto se los voy agradecer mucho
El jpaginate lo ibtuve de acá: http://www.summarg.com/2011/paginaci...con-jpaginate/