Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Con un botón mostrar el contenido de un Array en grupos

Estas en el tema de Con un botón mostrar el contenido de un Array en grupos en el foro de Javascript en Foros del Web. Hola, tengo un Array con bastantes elementos y por problemas de espacio necesito limitar la cantidad de elementos que se muestran cada vez. Así que ...
  #1 (permalink)  
Antiguo 02/07/2013, 04:41
 
Fecha de Ingreso: mayo-2013
Mensajes: 38
Antigüedad: 9 años, 6 meses
Puntos: 0
Información Con un botón mostrar el contenido de un Array en grupos

Hola, tengo un Array con bastantes elementos y por problemas de espacio necesito limitar la cantidad de elementos que se muestran cada vez.
Así que al cargar la página me muestra 3 elementos, hasta ahí ningún problema, funciona bien.
Pero ahora necesito y aquí viene el problema que al pulsar un botón me actualice los nombres que me mostraba y me muestre los 3 siguientes, digo actualizar porque no quiero que los añada a los 3 primeros, sino que borre estos y en su lugar coloque los 3 siguientes y así hasta llegar a los últimos, pues no doy con ello, a ver si me podeis ayudar.

var nombre = new Array();
nombre = [["Daniel",35],
["Luis",42],
["María",19],
["María",51],
["David",28],
["Antonio",20],
["Carlos",31],
["Mario",26]];

<span id="lNombres"></span><br>
<script language="JavaScript" type="text/javascript">
var inicio = 0;
var limite = 3;

for (var i=inicio;i<limite;i++){
document.getElementById("lNombres").innerHTML+=[i]+" - "+nombre[i][0]+" ..... "+nombre[i][1]+"<br>";
}
document.getElementById("lNombres").innerHTML+="<b r>"+"TOTAL....... "+nombre.length+" Personas"+"<br>";

function siguiente(){
for (i=3;i<nombre.length;i++){

document.getElementById("lNombres").innerHTML+=[i]+" - "+nombre[i][0]+" ..... "+nombre[i][1]+"<br>";

}
if(limite==nombre.length-1){
document.getElementById("botsiguiente").disabled=t rue;
}else{
document.getElementById("botsiguiente").disabled=f alse;
}
}
</script>
  #2 (permalink)  
Antiguo 02/07/2013, 14:30
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 11 años, 6 meses
Puntos: 344
Respuesta: Con un botón mostrar el contenido de un Array en grupos

Buenas,

Échale un vistazo a este código: http://jsfiddle.net/alexg88/XKJgN/

Es una clase que encapsula la funcionalidad. Se puede mejorar haciendola más genérica mediante callbacks.

Un saludo.
  #3 (permalink)  
Antiguo 03/07/2013, 03:20
 
Fecha de Ingreso: mayo-2011
Ubicación: Zaragoza
Mensajes: 58
Antigüedad: 11 años, 6 meses
Puntos: 5
Respuesta: Con un botón mostrar el contenido de un Array en grupos

No pongas -1 aqui por que sino no se ve el ultimo dato si hay mas elementos:

Código Javascript:
Ver original
  1. btnNext.disabled = (pointer + 3 >= array.length);

Saludos.
  #4 (permalink)  
Antiguo 03/07/2013, 03:32
 
Fecha de Ingreso: mayo-2013
Mensajes: 38
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Con un botón mostrar el contenido de un Array en grupos

En primer lugar darte las gracias, el código es muy bueno, mi nivel de javascript no es demasiado alto, asi que lo de los callbacks lo tendría que estudiar y ponerme con ello, porque me suena pero no se muy bien como funciona.
Haciendo pruebas con el código, me he dado cuenta que si le añades un elemento más y por tanto al final debería mostrar un elemento sólo, no lo muestra, al mostrar el tercer grupo el botón de siguiente se deshabilita, pero si en vez de uno le añades dos elementos, entonces si te muestra el último grupo con los 2 elementos.

Y otra cosilla para hacer dos botones uno que te lleve al principio directamente, o sea que te muestre el primer grupo y otro botón que te muestre el último grupo, en este caso, si ese grupo es de dos que te muestre esos dos y NO que empiece a contar de tres en tres desde el final

Saludos
  #5 (permalink)  
Antiguo 03/07/2013, 03:41
 
Fecha de Ingreso: mayo-2013
Mensajes: 38
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Con un botón mostrar el contenido de un Array en grupos

Gracias también a jarios

Efectivamente al quitar el -1 se soluciona el problema que comentaba y ahora ya se ve el último elemento cuando este es uno sólo
  #6 (permalink)  
Antiguo 03/07/2013, 12:56
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 11 años, 6 meses
Puntos: 344
Respuesta: Con un botón mostrar el contenido de un Array en grupos

Gracias jarios, tenías razón.

Sobre lo otro, he hecho unos cambios introduciendo el botón de primero y último. Puedes ver como funciona en el mismo sitio.

Un saludo.
  #7 (permalink)  
Antiguo 04/07/2013, 03:21
 
Fecha de Ingreso: mayo-2013
Mensajes: 38
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Con un botón mostrar el contenido de un Array en grupos

Sólo quería agradecer la ayuda y dar el tema por resuelto

Última edición por josemar2000; 14/10/2013 a las 15:20

Etiquetas: contenido, funcion, grupos, html
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 16:09.