Ayuda con Busqueda Instantanea y paginacion
Publicado por elrey123 (2 intervenciones) el 22/05/2017 19:24:34
buen dia a todos.
estoy realizando una busqueda instantanea con un input text y para ello uso php, mysql y ajax. encontre por la web varios ejemplos de busqueda instantanea y lo adapte a mi web, funciona bien sin agregarle la paginacion.
cuando le agrego la paginacion deja de funcionar, trate de unir las 2 funciones tanto del buscador instantaneo como de la paginacion pero no funciona, aqui les dejo los archivos que uso:
rapida.php que contiene el input text
la parte javascript que uso para hacer la busqueda es:
y el archivo ajax.js que hace la paginacion.
no se, si porque las dos funciones tratan de acceder al mismo archivo buscar.php y por esa razon no funciona.
si no le agrego la busqueda instantanea funciona bien la paginacion. y sin la paginacion funciona bien la busqueda instantanea. alguna sugerencia. saludos.
estoy realizando una busqueda instantanea con un input text y para ello uso php, mysql y ajax. encontre por la web varios ejemplos de busqueda instantanea y lo adapte a mi web, funciona bien sin agregarle la paginacion.
cuando le agrego la paginacion deja de funcionar, trate de unir las 2 funciones tanto del buscador instantaneo como de la paginacion pero no funciona, aqui les dejo los archivos que uso:
rapida.php que contiene el input text
1
Busqueda Rapida: <input type="text" name="Busqueda" id="Busqueda" placeholder=" Palabra a Buscar" onkeypress="return validar1(event)">
la parte javascript que uso para hacer la busqueda es:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<script>
$(document).ready(function(){
var consulta;
//hacemos focus al campo de búsqueda
$("#Busqueda").focus();
//comprobamos si se pulsa una tecla
$("#Busqueda").keyup(function(e){
//obtenemos el texto introducido en el campo de búsqueda
consulta = $("#Busqueda").val();
//hace la búsqueda
$.ajax({
type: "POST",
url: "buscar.php",
data: "b="+consulta,
dataType: "html",
beforeSend: function(){
//imagen de carga
$("#contenido").html("<p align='center'><img src='img/loading.gif' /></p>");
},
error: function(){
alert("error petición ajax");
},
success: function(data){
$("#contenido").empty();
$("#contenido").append(data);
}});
});
});
</script>
y el archivo ajax.js que hace la paginacion.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
function objetoAjax(){
var xmlhttp=false; try{xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try {xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(E){
xmlhttp = false; } }if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}return xmlhttp;
}function Pagina(nropagina){
//donde se mostrará los registros
divContenido = document.getElementById('contenido');
ajax=objetoAjax();
//uso del medoto GET
//indicamos el archivo que realizará el proceso de paginar
//junto con un valor que representa el nro de pagina
ajax.open("GET", "buscar.php?pag="+nropagina);
divContenido.innerHTML= 'Cargando...';
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
//mostrar resultados en esta capa
divContenido.innerHTML = ajax.responseText
} } //como hacemos uso del metodo GET
//colocamos null ya que enviamos
//el valor por la url ?pag=nropagina
ajax.send(null)
}no se, si porque las dos funciones tratan de acceder al mismo archivo buscar.php y por esa razon no funciona.
si no le agrego la busqueda instantanea funciona bien la paginacion. y sin la paginacion funciona bien la busqueda instantanea. alguna sugerencia. saludos.
Valora esta pregunta
0