Controlar el nº de elementos que se muestran cada vez

[josemar2000]

Hola a todos

Tengo un Array con unos cuantos elementos y necesito mostrarlos por pantalla en grupos, por ejemplo de 3 en tres, así que me he creado un botón para que una vez cargada la página y mostrados los 3 primeros, al pulsarle me muestre los 3 siguientes sustituyendo a los 3 anteriores y así sucesivamente hasta llegar al último elemento, pero sólo consigo que me los muestre de uno en uno, tanto al cargar la página como al pulsar el botón, en alguna prueba he conseguido que me muestre 3 nombres, pero es el mismo repetido 3 veces.

&nbsp;&nbsp;&nbsp;&nbsp; Nombres<br>
<span id="lNombres1"></span><br>
<script language="JavaScript" type="text/javascript">
// Carga de personas
var ultimomostrado = 0;
var nombre = new Array();
nombre = [["Daniel",35],
["Luis",42],
["María",19],
["María",51],
["David",28],
["Antonio",21],
["Mario",26]];

for(var i=0; i<nombre.length; i++) {
}
document.getElementById('lNombres1').innerHTML=nom bre[0][0]+" ... "+nombre[0][1];

function siguiente(){
if (ultimomostrado<nombre.length){
ultimomostrado++;
document.getElementById('lNombres1').innerHTML= nombre[ultimomostrado][0]+" ... " +nombre[ultimomostrado][1]+"<br>";
//Cuando llega al último elemento el botón se deshabilita
if(ultimomostrado==nombre.length-1){
document.getElementById("botsiguiente").disabled=t rue;
}else{
document.getElementById("botsiguiente").disabled=f alse;
}
}
}
</script>

<input name="botsiguiente" type="button" id="botsiguiente" onClick="siguiente()" value="Siguiente">

[maycolalvarez]

tan simple como usar el contador de 3 en 3 y llevar el registro de cada grupo agregado, se resuelve aplicando una lógica matemática simple

[josemar2000]

Pero si pongo el contador a tres

for(var i=0; i<3; i++)
document.getElementById('lNombres1').innerHTML+=bu scarNombre[0][0]+" ... "+buscarNombre[0][1]+"<br>";

me aparece el mismo nombre repetido tres veces

[caricatos]

Hola:

Cuando sumas uno a tu contador será para usarlo (supongo)... y si sumas uno, tendrás que multiplicarlo por los elementos que quieres mostrar para obtener el siguiente...

por ejemplo, si empiezas por cero, lo multiplicas por tres, y obtienes cero (el plimero), luego sumas uno para el segundo y uno más para el tercero...

Luego, ese cero del contador lo incrementas y tienes ahora un uno, que al multiplicarlo por tres obtienes tres (el siguiente primero para mostrar)...

Para solo tres elementos tal vez no interesen los bucles, pero de usarlos deberías planterte la inicialización.

Saludos

[josemar2000]

He rehecho el código y ahora de entrada, al cargar la página me muestra tres elementos de golpe, que es lo que yo quiero, pero cuando le doy al botón de siguiente, me va mostrando los siguientes nombres, pero de uno en uno y yo quiero que me muestre los tres siguientes, o sea, por grupos de tres, así hasta terminar, en el último pues a lo mejor me tiene que mostrar uno o dos, depende, de la cantidad total de elementos que tenga el Array.

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

function siguiente(){

if (ultimomostrado<buscarNombre.length){
ultimomostrado++;
var num=ultimomostrado+0;
document.getElementById('lNombres').innerHTML=num+ " - "+nombre[ultimomostrado][0]+" ..."+nombre[i][1]+"<br>";
if(ultimomostrado==nombre.length-1){
document.getElementById("botsiguiente").disabled=t rue;
}else{
document.getElementById("botsiguiente").disabled=f alse;
}
}
}