Ayuda - Paginacion con JQUERY

quemerita · #1 (**permalink**) 09/07/2008, 23:15

Tengo un problemita, quiero hacer una paginacion con jquery y vi varios ejemplos, pero no me funciona y nose porqué..aclaro soy nueva en jquery

este es mi index.html

Código HTML:

<html>
<head>
 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery_pager.js"></script>
<script  type="text/javascript" src="js/script3.js"></script>
<link href="css/estilos.css" rel="stylesheet" type="text/css"/>
</head>

<body>
	  <div id="der">
			<div id="titCovers">
				<h3> Covers </h3>
			</div>
	  
			<div id="example2">
				<p> blablabla</p>
		
				<p>blablabla 2</p>
			</div>
            </div>

</body>
</html>

y mi script3.js

Código:

  $(document).ready(function () {
    $('#example2').pager('p', {
      navId: 'nav',
      height: '15em'
    });
  });

Ahora, quisiera saber donde esta el erorr que supongo q es en script3.js.
Tendria que aparecerme una paginacion de 2 numeros no? Hay algo q no entiendo bien.. jquery_pager.js...

Espero ayudaaa..gracias

#2 (**permalink**) 10/07/2008, 00:48

¿Qué error te da?

Por cierto, que estás incluyendo dos veces el jquery.js. Quita esto:
<script type="text/javascript" src="js/jquery.js"></script>

Ah, y otra cosa... ¿Estás seguro que tu fichero se llama jquery_pager.js y no jquery.pager.js? ¿Le has cambiado tú el nombre?

quemerita · #3 (**permalink**) 10/07/2008, 06:32

el fichero se llamaba jquery.pager.js y se lo cambie, pero x las dudas lo volvi a poner asi y lo cambie tambien cuando lo llamo..

el error q me dice es q $('#example1').pager is not a function

que será?

gracias x contestar

quemerita · #4 (**permalink**) 10/07/2008, 14:47

Agrego, en mi index llamo a las paginas x medio de ajax, entonces tengo un index, la pagina de productos y ahi es donde se tendria q ver la navegacion xnumeros..Ahora bien, si abro mi index, voy a productos no veo lo q tendria que ver sino q me aparecen todos mis divs juntos, pero al abrir directamente la pagina de productos si veo la barra

:S

#5 (**permalink**) 13/07/2008, 03:12

El problema es que si llamas a las páginas con Ajax, los scripts que lleven no se ejecutan.

brunotoide · #6 (**permalink**) 16/07/2008, 09:25

Quemerita, tambien desarrollo con JQuery, y te comento que existen algunas incompatibilidades con algunas versiones de navegador. Te pregunto lo siguente:

Que navegador y que version del mismo utilizas para realizar tus pruevas?

Tengo ejemplos simples que conbinan jquery_pager con ajax via jquery, en firefox 2.0 funcionan perfectamente, mas en internet explorer 7 no funciona la paginacion, pues no se visualiza el componente. El corte se realiza en forma correcta mas no aparece el indice. El motivo lo desconosco por completo aun, e buscado por toda la red, y e encontrado gente que reclama mucho sobre la combinacion de IE con JQuery, pues alegan el IE no respeta muchas normas de la W3C. Yo tambien e constatado esto. Si no tienes Firefox, te recomiendo que lo instales, y prueves en paralelo tus ejemplos en FF e IE, y veras la gran diferencia de interpretacion del mismo script. He utilizado CDATA, NOSCRIPT, y otros recursos, mas sin obtener el resultado esperado. Solo vale decir que uno tiene que preguntarle a JQuery cual es el navegador y de ahi asignarle el codigo que le es entendible al mismo

Si encuentras tu respuesta, te pediria que la postaras aqui. Cuando yo encuentre la respuesta, la postare aqui tambien. Si te interesa algun ejemplo de lo que te comento, me avisas y lo postare aqui. Buena suerte.....

quemerita · #7 (**permalink**) 05/08/2008, 17:11

Hola brunotoide, muchisimas gracias por la respuesta. Todavia no pude solucionar el tema este, ahora volvi a intentar.
Te comento que uso el firefox 3.

Me interesaria, si podes, el cóodigo de esa paginación que decís que te funciona con firefox 2 ya que mi trabajo es para la facultad y supongo que con que funcione en firefox 2 está bien, porque la verdad es que el codigo que tengo, que es algo como postié anteriormente no me funciona.

Si queres te lo paso exactamente quiza me puedas ayudar ya que realmente es un trabajo para la facultad y no me agrada demasiado! Además que no entiendo mucho..

Desde ya muchas gracias x tu molestia al responder.
Saludos!

quemerita · #8 (**permalink**) 05/08/2008, 17:23

Cita:

Iniciado por venkman

El problema es que si llamas a las páginas con Ajax, los scripts que lleven no se ejecutan.

Exactamente. Pero cómo puedo hacer para que salgan?
Creo que en la función que llama a la paginación tendria que volver a llamar a la función ajax que me trae el contenido verdad?

Mi función Ajax es la siguiente:

Código:

document.getElementById("show9").onclick =function() {
				
				var peticion = new XMLHttpRequest();
				peticion.open('GET','covers.html',true);
				peticion.onreadystatechange =function() {
					if (peticion.readyState==4) {
						document.getElementById('cargar').innerHTML = peticion.responseText;
					}
				}
				peticion.send(null);

Y la otra, de Jquery

Código:

 $(document).ready(function () {
    $('#ejemplo').pager('p', {
      navId: 'nav2',
      height: '15em'
    });
	
				
  });

Gracias x la ayuda!

#9 (**permalink**) 06/08/2008, 01:24

A ver, no es cuestión de volver a llamar.

La idea es que tendrías que traer el Javascript por un lado (primero) y hacer las llamadas para traer sólo contenido. Debería ser en tu index donde incluyas los jquery.js, jquery.pager.js, etc.

De todos modos, sería mejor que no pidieras páginas enteras con AJAX. Para eso es más sencillo tener diferentes páginas. Te evitas muchos problemas, como este.

No sé exactamente qué es lo que intentas hacer.