Mostrar los ultimos objetos de un Array

[josemar2000]

Hola, tengo un array con una serie de nombres y una búsqueda y me he creado los botones para moverme por los resultados de dicha búsqueda y todos funcionan correctamente menos el que va directamente al último.
Me he creado una variable para controlar el numero de objetos que me muestra por página, entonces necesito un botón que me lleve directamente a la última página y esta puede tener la misma cantidad de objetos que el resto o puede tener menos, así que me he creado la siguiente variable para el susodicho botón Ir ultimo
var ultimo = (encontrados.length / limite_resultados); así pues si el resultado tiene decimales me hace una cosa y si no pues me hace otra, sin este botón todos los demás funcionan correctamente, pero con el botón de último el de Ir atrás deja de funcionar correctamente, haber si me podeis echar una mano

Código Javascript:

var limite_resultados = 4;
 
var ultimo= 0;
var pagtotal = 0;
var pagactual = 0;
var mostrados = 0;
 
var encontrados=new Array();
var buscarNombre = new Array();
buscarNombre = [["Daniel_1",35],
                ["Luis_2",42],
                ["María_3",19],
                ["Damian_4",51],
                ["Dario_5",99],
                ["María_6",21],
                ["David_7",28],
                ["Manuel_8",28],
                ["Mario_9",26]];
 
function calcularTotalPaginas(cantidad){
        var contador = 0;
        do{
            cantidad = parseInt(cantidad) - parseInt(limite_resultados);
            contador++;
        }
        while(cantidad > 0)
        return contador;
    }
 
function irUltimo(){
    document.getElementById('datos').innerHTML = "";
    var mostrados = 0;
    var ultimo = (encontrados.length / limite_resultados);
    //Si tiene decimales me hace esto   
    if (ultimo == parseInt(ultimo)) {       
        var multiply = (encontrados.length - limite_resultados);
        ultimo = multiply;
         for (i = 0; i < limite_resultados; i++){
             if(ultimo < encontrados.length){               
                 document.getElementById('datos').innerHTML += encontrados[ultimo][0] +" ... "+ encontrados[ultimo][1] + "<br>";                
                 ultimo ++;
                 mostrados ++;
            }
        }
    }               
    // Y si tiene decimales me hace esto otro           
    if (ultimo == parseFloat(ultimo)) {     
        var multiply = (encontrados.length / limite_resultados);                                
        ultimo = Math.ceil(encontrados.length - multiply);              
        mostrados = 0;              
        for (i = 0; i < limite_resultados; i++){
                if(ultimo < encontrados.length){                
                    document.getElementById('datos').innerHTML += encontrados[ultimo][0] +" ... "+ encontrados[ultimo][1] + "<br>";                 
                    ultimo ++;
                    mostrados ++;                   
                }
            }
        }   
            
    pagactual = Math.ceil(encontrados.length / limite_resultados);
    var divpags = document.getElementById("pagina");
    divpags.innerHTML = "mostrando página: " + pagactual + "/" + pagtotal;
    
    if(pagactual == pagtotal) {
            document.getElementById("botprimero").disabled=false;
            document.getElementById("botanterior").disabled=false;
            document.getElementById("botsiguiente").disabled=true;
            document.getElementById("botultimo").disabled=true;
    }else{
            document.getElementById("botprimero").disabled=false;
            document.getElementById("botanterior").disabled=false;
            document.getElementById("botsiguiente").disabled=false;
            document.getElementById("botultimo").disabled=false;    
    }   
}
    
function irSiguiente(){
    document.getElementById('datos').innerHTML = "";        
    mostrados = 0;  
    if(ultimo < encontrados.length){
        for (i = 0; i < limite_resultados; i++){
            if(ultimo < encontrados.length){
                    document.getElementById('datos').innerHTML+= encontrados[ultimo][0] +" ... "+ encontrados[ultimo][1] + "<br>";
            ultimo ++;
                mostrados ++;
            }
        }
    }   
    pagactual ++;
    var divpags = document.getElementById("pagina");
    divpags.innerHTML = "mostrando página: " + pagactual + "/" + pagtotal;
    
    if(pagactual == pagtotal) {
            document.getElementById("botprimero").disabled=false;
            document.getElementById("botanterior").disabled=false;
            document.getElementById("botsiguiente").disabled=true;
            document.getElementById("botultimo").disabled=true;
    }else{
            document.getElementById("botprimero").disabled=false;
            document.getElementById("botanterior").disabled=false;
            document.getElementById("botsiguiente").disabled=false;
            document.getElementById("botultimo").disabled=false;    
    }   
}   
 
function irPrimero(){
    document.getElementById('datos').innerHTML = "";
    ultimo = 0 ;
    for (i = 0; i < limite_resultados; i++){        
            document.getElementById('datos').innerHTML += encontrados[ultimo][0] +" ... "+ encontrados[ultimo][1] + "<br>";         
            ultimo ++;          
    }
    
    pagactual = 1;
    var divpags = document.getElementById("pagina");
    divpags.innerHTML = "mostrando página: " + pagactual + "/" + pagtotal;
    
    if(pagactual == 1) {
            document.getElementById("botprimero").disabled=true;
            document.getElementById("botanterior").disabled=true;
            document.getElementById("botsiguiente").disabled=false;
            document.getElementById("botultimo").disabled=false;    
    }else{
            document.getElementById("botprimero").disabled=false;
            document.getElementById("botanterior").disabled=false;
            document.getElementById("botsiguiente").disabled=false;
            document.getElementById("botultimo").disabled=false;    
    }
}
 
function irAnterior(){
    document.getElementById('datos').innerHTML = "";
    ultimo = (ultimo - mostrados - limite_resultados) ;
    for (i = 0; i < limite_resultados; i++){
        if(ultimo < encontrados.length){                    document.getElementById('datos').innerHTML += encontrados[ultimo][0]+" ... "+ encontrados[ultimo][1] + "<br>";          
            ultimo ++;
            mostrados = +limite_resultados;     
        }
    }
 
    pagactual --;
    var divpags = document.getElementById("pagina");
    divpags.innerHTML = "mostrando página: " + pagactual + "/" + pagtotal;
    
    if(pagactual == 1) {
            document.getElementById("botprimero").disabled=true;
            document.getElementById("botanterior").disabled=true;
            document.getElementById("botsiguiente").disabled=false;
            document.getElementById("botultimo").disabled=false;    
    }else{
            document.getElementById("botprimero").disabled=false;
            document.getElementById("botanterior").disabled=false;
            document.getElementById("botsiguiente").disabled=false;
            document.getElementById("botultimo").disabled=false;    
    }
}
 

[marlanga]

Menudo cacao de código para conseguir algo muy sencillo.

http://jsfiddle.net/fYcJb/

[josemar2000]

Hola, y no me digas eso sobre el código que me deprimes, la verdad es que tu código es mucho más limpio, pero tiene un pequeño problema, que yo con el mío no he conseguido solucionarlo, los botones de siguiente y último funcionan bien si la última pagina no está completa, o sea en el ejemplo si en la variable limite_resultados le pones 4 habría 2 páginas de 4 objetos y una 3ª dónde se mostraría uno sólo pues en este caso lo hace bien, pero si le pones 3 en ese caso cuando llegas a la 3 que sería la última y estaría completa ya no lo hace bien, los botones de siguiente y último siguen activos y al pulsar sobre ellos te llevan a una cuarta que está vacía.
Y el otro tema es que es un array de búsquedas, lo he comentado en el mensaje anterior, aunque sólo puse el código referente a los botones.
Aquí te paso el resto del código, que es el referente a las búsquedas.

Saludos

Código Javascript:

function busca(valorBusqueda){
    ultimo = 0;
    encontrados = new Array();
    for(var i=0; i < buscarNombre.length; i++){
        var nodoLower = buscarNombre[i][0].toLowerCase();
        if(nodoLower.indexOf(valorBusqueda.toLowerCase()) != -1) {
            encontrados.push(buscarNombre[i]);
        }
    }
    document.getElementById("datos");   
    var divcant = document.getElementById("cantidad");
    var divpags = document.getElementById("pagina");
    
    if(encontrados.length == 1){        
        var cantidad = encontrados.length + " encontrado";          
        document.getElementById("datos").innerHTML = encontrados[0][0] +" ... "+ encontrados[0][1] + "<br>";                
        document.getElementById("botsiguiente").disabled=true;        
        }else if(encontrados.length > 1) {      
         var cantidad = encontrados.length + " encontrados";
         document.getElementById("datos").innerHTML = "";       
        var datos = "";
        for (i = 0; i < limite_resultados; i++){        
            document.getElementById("datos").innerHTML += encontrados[i][0] +" ... "+ encontrados[i][1] + "<br>";            
            ultimo ++;
        }
        }else{
            var cantidad = "No se han encontrado resultados";       
            document.getElementById("datos").innerHTML = "";
            divpags = "";
            document.getElementById("pagina").innerHTML = "";                               
    }   
               
    
        divcant.innerHTML = cantidad;
 

Código HTML:

<form id="frm" name="frm">
    Buscar nombre:
    <input name="text1" type="text" id="valorBusqueda" size="30" maxlength="25" value="Ingresar texto de búsqueda" onFocus="limpiarTexto()" onBlur="mostrarTexto()" />
    &nbsp;
    <button type="button" id="botbuscar" value="Buscar" onMouseDown="busca('valorBusqueda').value)"><strong>Buscar</strong> &nbsp;</button>
</form>
 

[marlanga]

Me equivoqué, debí usar ceil en vez de floor. La búsqueda es aún más fácil. Yo creí que el problema lo tenías al paginar; buscar cadenas en arrays es una simpleza. Como veo que insistes también lo meto.

http://jsfiddle.net/fYcJb/3/

[josemar2000]

Ahora funciona perfectamente, pero el código está tan limpio que ahora como hago para incluir el formato, estilo y demás. Aquí te pongo un ejemplo de como lo tenía con el otro código:

Código Javascript:

document.getElementById("lNombres").innerHTML += "<div class=amigos><div class=columnaIzqda> \
    <img src=imagesInfor/" + array[i][1] + ".jpg</div> \
    <div class=columnaDerecha> \
    <div class=cabecera> \
    <div class=nombres>" + array[i][0] + "</div> \  
    <div class=url><a href=" + array[i][4] + ".html</a></div> \     
    </div></div></div>";
 

[marlanga]

Cambiar la forma de dibujar los resultados es muy sencillo. Gasta tiempo en estudiar el código.

[josemar2000]

Ya he metido el diseño, he modificado esta línea, res.push(buscarNombre[ini][0]+" .... "+buscarNombre[ini][1]); sustituyendo estos datos por los míos y con mi diseño.

La verdad es que era fácil, más simple que en el mío, pero entre lo agobiado que estoy y que el JavaScript a este nivel es algo nuevo para mí, estoy aprendiendo y la edad que tampoco ayuda me está costando.

Dicho esto y apelando a tu paciencia, necesito que me ayudes en dos cuestiones, y ya no te molesto más, quiero poner un botón que haga que cuando haya realizado una búsqueda, al pulsar en él, desaparezcan los resultados de la búsqueda y me aparezcan de nuevo todos los objetos, o sea, como si recargaras la página, yo te he adelantado algo de trabajo.
Echale un vistazo
http://jsfiddle.net/josemar2000/fYcJb/4/

Y el otro tema, es el probema de los acentos, necesito que al escribir en el input no distinga entre los caracteres acentuados y los que no, lo mismo que hace con las mayúsculas, pues esto es todo
Saludos y gracias

[marlanga]

Mostrar todos los resultados solo es copiar el array donte están todos los items en el array donde se almacenan los items flitrados.

En cuanto a la búsqueda por acentos, tendrás que crear una función nueva que acepte una cadena, y que devuelva una copia de esa cadena en minúsculas y sin acentos. Luego el filtro compararía los nombres, como ahora, pero usando esa función en cada nombre.

[josemar2000]

He hecho esta función, ¿qué te parece?, supongo que necesitará algún ajuste, he incluido la ñ además de los acentos

Código Javascript:

function reemplazaAcentos(cadena){  
    var cadena = txtBuscar.value.toLowerCase();
    var cadena_acentos = "áéíóúñü";
    var cadena_reemplaza = "aeiounu";
    for(var i=0; i<cadena_acentos.length; i++ ){
        cadena = cadena.replace(cadena_acentos[i],cadena_reemplaza[i]);
    }
    return cadena;
}