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

[josemar2000]

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>

[alexg88]

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.

[jarios]

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

Código Javascript:

btnNext.disabled = (pointer + 3 >= array.length);
 

Saludos.

[josemar2000]

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

[josemar2000]

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

[alexg88]

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.

[josemar2000]

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