0

tengo que realizar un pequeño ajusto en un sitio web, el problema viene en la paginacion.

Por ejemplo tengo una paginacion con 11 botone, estos 1 no los tengo que mostrar de una sola ves, sino que tengo por ejemplo tengo que mostrar los primeros 5 y luego la paginacion se tiene que ir moviendo pero nunca me tiene que dejar de mostrar 5 resultados en la paginacion.

Dejo imágenes de referencia:

Esta es la forma como NO se tiene que ver introducir la descripción de la imagen aquí

Esta es la forma en la que si los debo mostrar introducir la descripción de la imagen aquí

Este es el código que tengo realizado:

                            <ul class="pagination">
                            <?php if ($pagina == 1) : ?>
                            <li class="page-item disabled">
                                <a class="page-link" href="">
                                    <span class="ti-arrow-left"></span>
                                </a>
                            </li>
                            <?php else : ?>
                            <li class="page-item">
                                <a class="page-link" href="?pagina=<?php echo $pagina - 1 ?>">
                                    <span class="ti-arrow-left"></span>
                                </a>
                            </li>
                            <?php endif; ?>


                            <?php
                                for ($i = 1; $i <= $numeroDePaginas; $i++) {
                                    if ($pagina == $i) {
                                        echo "<li class='page-item active'>
                                        <a class='page-link' href='?pagina=$i'>$i</a>
                                    </li>";
                                    } else {
                                        echo "<li class='page-item'>
                                        <a class='page-link' href='?pagina=$i'>$i</a>
                                    </li>";
                                    }
                                }
                                ?>

                            <?php if ($pagina == $numeroDePaginas) : ?>
                            <li class='page-item disabled'>
                                <a class='page-link' href=''>
                                    <span class='ti-arrow-right'></span>
                                </a>
                            </li>
                            <?php else : ?>
                            <li class='page-item'>
                                <a class='page-link' href="?pagina=<?php echo $pagina + 1 ?>">
                                    <span class='ti-arrow-right'></span>
                                </a>
                            </li>
                            <?php endif; ?>

                        </ul>
3
  • Al cargar la página debes mostrar directamente marcado el número 5? y si tienes menos de 5 páginas?
    – Bicho
    el 14 feb. 2020 a las 14:59
  • No, no debo mostrar directamente marcado el 5, la imagen solo fue de ejemplo.
    – Jellestad
    el 14 feb. 2020 a las 15:10
  • 1
    No era mejor usar jquery Datatables ? El campo numbers hace eso.
    – abrahamhs
    el 14 feb. 2020 a las 16:03

2 respuestas 2

1

Para que puedas mostrar una determinada cantidad de "Numeración de pagina", te presento una solución donde estableces la cantidad de numeración hacia atrás y hacia adelante:

<?php
        $primera= ($pagina - 2) > 1 ? $pagina - 2 : 1;
        $ultima= ($pagina + 2) < $numeroDePaginas ? $pagina + 2 : $numeroDePaginas;
        for ($i = $primera; $i <= $ultima; $i++) {
            echo '<li ><a class="'.( $pagina==$i ? 'active': '').'" href="?pagina=$i">'.$i.'</a></li>';

        }
    ?>
  • $primera: Representa desde donde comienza la numeración teniendo como valor 2 menos a la pagina actual o la numero 1.

  • $ultima: Representa hasta donde llega la numeración teniendo como valor 2 mas a la pagina actual o en el máximo de paginas.

0

Necesitarias controlar las posiciones que están por encima y por debajo de tu $pagina, con un if puedes solucionarlo:

<?php
for ($i = 1; $i <= $numeroDePaginas; $i++) {
  if ($pagina == $i) {
      echo "<li class='page-item active'>
      <a class='page-link' href='?pagina=$i'>$i</a>
  </li>";
  } else {
    if(($i+2) == $pagina || ($i-2) == $pagina){
      echo "<li class='page-item'>
      <a class='page-link' href='?pagina=$i'>$i</a>
    }
  </li>";
  }
}
?>

2
  • Si pero tu codigo de todas formas en un comienzo me sigue mostrando los 11 botones, esto no tendria que pasar.
    – Jellestad
    el 14 feb. 2020 a las 15:09
  • Editado, básicamente $i si es 3, y $pagina 5, si está en uno de los dos rangos del if, podrá escribir el <li>, sino no hará nada
    – Fergush
    el 14 feb. 2020 a las 17:32

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.