Foros del Web - Ver Mensaje Individual

quimfv · #6 (**permalink**) 20/06/2013, 07:04

Mas de un arreglillo

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
// Carga de contactos
var ultimomostrado = 0;
var encontrados=new Array();
var buscarNombre = new Array();
buscarNombre = [["Daniel",35],
                ["Luis",42],
                ["María",19],
                ["María",51],
                ["David",28],
                ["Mario",26]];
function busca(buscar) {
    encontrados=new Array();
    for(var i=0; i<buscarNombre.length; i++) {
        if(buscarNombre[i][0].toLowerCase()==buscar.toLowerCase()) {
            encontrados.push(buscarNombre[i]);
        }
    }
 
    if (encontrados.length==1) {
        document.getElementById('mensaje').innerHTML="1/1 resultados";
        document.getElementById('nombre').innerHTML=encontrados[0][0];
        document.getElementById('edad').innerHTML=encontrados[0][1];
        document.getElementById("botsiguiente").disabled=true;
    }else if(encontrados.length>1){
        document.getElementById('mensaje').innerHTML="1 de "+encontrados.length+" resultados";
        document.getElementById('nombre').innerHTML=encontrados[0][0];
        document.getElementById('edad').innerHTML=encontrados[0][1];
        document.getElementById("botsiguiente").disabled=false;
    }else{
        document.getElementById('mensaje').innerHTML="No se han encontrado resultados";
        document.getElementById('nombre').innerHTML="";
        document.getElementById('edad').innerHTML = "";
        document.getElementById("botsiguiente").disabled=true;
    }
  }
 
function siguiente(){
    if (ultimomostrado<encontrados.length){
        ultimomostrado++;
        var num=ultimomostrado+1;
        document.getElementById('mensaje').innerHTML=num+" de "+encontrados.length+" resultados";
        document.getElementById('nombre').innerHTML= encontrados[ultimomostrado][0];
        document.getElementById('edad').innerHTML = encontrados[ultimomostrado][1];
        if(ultimomostrado==encontrados.length-1){
            document.getElementById("botsiguiente").disabled=true;
        }else{
            document.getElementById("botsiguiente").disabled=false;
        }
    }
}
</script>
</head>
 
<body>
Nombres<br>
<span id="lNombres"></span><br>
<script language="JavaScript" type="text/javascript">
for (var i=0;i<buscarNombre.length;i++){
    document.getElementById("lNombres").innerHTML+=buscarNombre[i][0]+" "+buscarNombre[i][1]+"<br>";
    }
</script>
Ingresar texto de búsqueda&nbsp;<input type="text" id="buscar" size="30" maxlength="25" value="" onBlur="busca(this.value)" /><br>
<span id="nombre"></span>&nbsp;<span id="edad"></span><br>
<span id="mensaje"></span><br><input name="botsiguiente" type="button" disabled="true" id="botsiguiente" onClick="siguiente()"  value="Siguiente">
</body>
</html>