Paginador JS
Pagina resultados de un array con JS
HTML
<form id="frm" name="frm">
Buscar nombre:
<input name="text1" type="text" id="buscar" size="30" maxlength="25" value="Ingresar texto de búsqueda" onFocus="limpiarTexto()" onBlur="mostrarTexto()" />
<button type="button" id="botbuscar" value="Buscar" onMouseDown="busca(document.getElementById('buscar').value)"><strong>Buscar</strong> </button>
<input name="botborrar" type="button" id="botborrar" onClick="borrar()" value="Borrar datos">
<br>
<div id="cantidad"></div>
<div id="datos"></div>
<span id="pagina"></span><br>
<br>
<input name="botanterior" type="button" disabled="true" id="botanterior" onClick="irAnterior()" value="Anterior">
<input name="botsiguiente" type="button" disabled="true" id="botsiguiente" onClick="irSiguiente()" value="Siguiente">
</form>
JavaScript
var $div = document.getElementById("datos");
var $divcant = document.getElementById("cantidad");
var $divpags = document.getElementById("pagina");
var $limite_resultados = 3;
var $ultimo= 0;
var $pagtotal = 0;
var $pagactual = 0;
var $mostrados = 0;
var $encontrados=new Array();
var $buscarNombre = new Array();
$buscarNombre = [["Daniel",35],
["Luis",42],
["María",19],
["Damian",51],
["Dario",99],
["María",21],
["David",28],
["Mario",26]];
window.onload = function(){
document.getElementById("botanterior").disabled=true;
document.getElementById("botsiguiente").disabled=true;
}
function limpiarTexto(){
if(document.frm.text1.value == "Ingresar texto de búsqueda")
document.frm.text1.value = '';
}
function mostrarTexto() {
if(document.frm.text1.value == '')
document.frm.text1.value = "Ingresar texto de búsqueda";
}
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]);
}
}
if($encontrados.length >= 1){
var $cantidad = $encontrados.length + " Encontrados <br>";
var $datos = "";
for ($i = 0; $i < $limite_resultados; $i++){
$datos += "nombre: " + $encontrados[$i][0] + " edad: "+ $encontrados[$i][1] + "<br>";
$ultimo ++;
}
$divcant.innerHTML = $cantidad;
$div.innerHTML = $datos;
$pagtotal = calcularTotalPaginas($cantidad);
$pagactual = 1;
$divpags.innerHTML = "mostrando página: " + $pagactual + "/" + $pagtotal;
if($pagtotal > 1)...