Foros del Web » Programando para Internet » Jquery »

paginacion jquery

Estas en el tema de paginacion jquery en el foro de Jquery en Foros del Web. hola a todos me encuentro haciendo una web y para un apartado de publicaciones encesito hacer una paginacion, tengo implementada la vista de diseño y ...
  #1 (permalink)  
Antiguo 09/05/2011, 08:29
 
Fecha de Ingreso: marzo-2011
Mensajes: 226
Antigüedad: 13 años, 8 meses
Puntos: 1
paginacion jquery

hola a todos me encuentro haciendo una web y para un apartado de publicaciones encesito hacer una paginacion, tengo implementada la vista de diseño y aplicados los corerspondientes css pero no tengo ni la mas remota idea de hacer una paginacion y estuve viendo q con jquery se puede hacer, entonces me baje un plugin (jpaginate) pero no se como poder hacer para q me pagine lo q yo tengo, les pongo el codigo haber si me pueden indicar como tengo q hacer para llevarlo a cabo con exito

<article>
<table class="contenido_publi">
<tbody>
<tr> <!-- inicio tr1 -->
<td valign="top" colspan="2"> <!-- inicio td1 -->
<div id="paginacion_publicacion" class="paginacion">
<a class="anterior" href="#" style="color: rgb(104, 186, 100); background-color: rgb(227, 242, 225); border: 1px solid rgb(190, 248, 184);"> anterior </a>
<a href="#" class="actual"> 2009 </a>
<a href="#"style="color: rgb(104, 186, 100); background-color: rgb(227, 242, 225); border: 1px solid rgb(190, 248, 184);">2008 </a>
<a href="#" style="color: rgb(104, 186, 100); background-color: rgb(227, 242, 225); border: 1px solid rgb(190, 248, 184);">2007 </a>
<a href="#" style="color: rgb(104, 186, 100); background-color: rgb(227, 242, 225); border: 1px solid rgb(190, 248, 184);">2006</a>
<a href="#" style="color: rgb(104, 186, 100); background-color: rgb(227, 242, 225); border: 1px solid rgb(190, 248, 184);">2005 </a>
<a href="#" style="color: rgb(104, 186, 100); background-color: rgb(227, 242, 225); border: 1px solid rgb(190, 248, 184);">2004 </a>
<a href="#" style="color: rgb(104, 186, 100); background-color: rgb(227, 242, 225); border: 1px solid rgb(190, 248, 184);">2003 </a>
<a href="#" style="color: rgb(104, 186, 100); background-color: rgb(227, 242, 225); border: 1px solid rgb(190, 248, 184);">2002 </a>
<a href="#" style="color: rgb(104, 186, 100); background-color: rgb(227, 242, 225); border: 1px solid rgb(190, 248, 184);">2001 </a>
<a class="siguiente" href="#" style="color: rgb(104, 186, 100); background-color: rgb(227, 242, 225); border: 1px solid rgb(190, 248, 184);"> siguiente</a>
<br>
<br>
</div>
<div id="muestra_resultado_paginacion">
<ul>
<li>
<p class="texto2"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
</p>
</li>
<li>
<p class="texto2"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
</li>
<li>
<p class="texto2"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
</li>
<li>
<p class="texto2"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>
</li>
<li>
<p class="texto2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
</li>
<li>
<p class="texto2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
</li>
<li>
<p class="texto2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
</li>
<li>
<p class="texto2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
</li>
<li>
<p class="texto2">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
</li>

</ul>
</div> <!-- fin div muestra_resultado_paginacion -->
<!-- fin div paginacion publicacion -->
</td> <!-- fin td 1 -->


</tr> <!-- fin tr1 -->
</tbody> <!-- fin tbody -->
</table> <!-- fin tabla contenido publi -->
</article>

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:47.