HTML - Duda sobre página html con "varias páginas dentro"

 
Vista:
sin imagen de perfil

Duda sobre página html con "varias páginas dentro"

Publicado por Daniel (6 intervenciones) el 10/12/2018 12:50:22
Buenas, estoy creando una página web y necesito crear "varias páginas" dentro de una sola, no sé cómo se llama este término ni cómo se hace, pongo un ejemplo:

Tengo una página web en la que vendo lavadoras, en mi página principal tengo un catálogo de 20 lavadoras, pero en realidad tengo 400 modelos distintos, y quiero que debajo del catálogo aparezcan números desde el 1 hasta la última página (se van creando según voy agregando lavadoras), al pulsar el botón "2" salto a la siguiente página y sigo viendo modelos.

Lo he visto en muchas páginas, pero no sé si se puede hacer con html y css, usando algo de js o si tendría que meterme en php, yo preferiría usa js ya que estoy aprendiendo este lenguaje.


Edit: añado un ejemplo, en la página web de media markt (https://www.mediamarkt.es/es/search.html?query=disco+duro&searchProfile=onlineshop&channel=mmeses) al final de esta página está el menú del que hablo, la parte donde pone "1" "2" "3" "..." "Continuar".
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 608
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Duda sobre página html con "varias páginas dentro"

Publicado por xve (1539 intervenciones) el 10/12/2018 18:40:04
Hola Daniel, eso nosotros lo llamamos paginación...

Puedes hacerlo tanto en JS como en PHP... pero si los datos salen de una base de datos de PHP, es mas optimo hacerlo desde PHP... si lo quieres hacer desde JS, tendras que obtener la cantidad de registros desde PHP.

Aquí tienes ejemplos:
https://www.lawebdelprogramador.com/codigo/PHP/1539-Paginacion.html
https://www.lawebdelprogramador.com/codigo/PHP/4566-Paginacion-de-resultados-de-base-de-datos-con-AJAX.html
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar