Tengo un Array con varios elementos y necesito mostrarlos por pantalla 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 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.
Nombres<br>
<span id="lNombres1"></span><br>
<script language="JavaScript" type="text/javascript">
// Carga de personas
var ultimomostrado = 0;
var buscarNombre = new Array();
buscarNombre = [["Daniel",35],
["Luis",42],
["María",19],
["María",51],
["David",28],
["Antonio",21],
["Mario",26]];
for(var i=0; i<buscarNombre.length; i++) {
}
document.getElementById('lNombres1').innerHTML=buscarNombre[0][0]+" ... "+buscarNombre[0][1];
function siguiente2(){
if (ultimomostrado<buscarNombre.length){
ultimomostrado++;
document.getElementById('lNombres1').innerHTML= buscarNombre[ultimomostrado][0]+" ... " +buscarNombre[ultimomostrado][1]+"<br>";
//Cuando llega al último elemento el botón se deshabilita
if(ultimomostrado==buscarNombre.length-1){
document.getElementById("botsiguiente2").disabled=true;
}else{
document.getElementById("botsiguiente2").disabled=false;
}
}
}
</script>
<input name="botsiguiente2" type="button" id="botsiguiente2" onClick="siguiente2()" value="Siguiente2">
