gracias por responder, pero ya creo q me las aregle de esta forma. aunque no se si sea lo mas adecuado pero funciona bien :)
lo malo es que en Ajax no me esta funcionando en Google Chrome :(
index.html ::
<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jqueryUI.js"></script>
<link rel="stylesheet"type="text/css" href="css/ui-lightness/jquery-ui-1.8.23.custom.css">
<link rel="stylesheet" type="text/css" href="css/estilos.css">
<script type="text/javascript" language="javascript">
function llamadaAjax(str){
var http ;
if(window.XMLHttpRequest){
http = XMLHttpRequest();
}
else{
http = new ActiveXObject('Microsoft.XMLHTTP');
}
http.onreadystatechange = function(){
if(http.readyState == 4 && http.status == 200){
var respuesta = http.responseText;
document.getElementById('cajaAjax').innerHTML = respuesta;
}
}
http.open('GET','buscadorAjax.php?variable='+str,t rue);
http.send();
}
function pasar(str){
document.getElementById('palabra').value= str;
llamadaAjax() = false;
}
function finAjax(){
llamadaAjax() = false;
}
$(document).on('ready',function(){
$('#boton').on('click',function(){
$('#datos').load("buscador.php",{palabra:$('#palab ra').prop('value')}
);
});
});
</script>
</head>
<body>
<!-- capa central que contiene todo -->
<div id="contenedor">
<!-- Icono de Inicio casita Naranja-->
<div id="inicio"> <a href="menu_administrador.php"> <img src="../images/inicio.png" title="Regresar al inicio" id="inicioimage"></a></div>
<!-- cabecera primera capa color verde -->
<div id="cabecera">
<img src="../images/logoSena.png" id="logoSena"><br>C.I.D.M
</div>
<!-- Segunda capa color naranja-->
<div id="info">
Selecciona el tipo de consulta
</div>
<!-- Formulario para ingresar la palabra y realizar la busqueda-->
<div id="formulario" name="buscador">
<form method="POST" action="">
<strong>Palabra clave:</strong> <input type="text" name="palabra" id="palabra" autocomplete="of" size="40" onkeyup="llamadaAjax(this.value)"><input type="button" value="Buscar" id="boton"> <!-- Boton Buscar-->
</div>
<div id="cajaAjax"></div>
<!-- Capa donde aparece los registros obtenido mediante el archivo bucador.php-->
<div id="datos">
</div>
</div>
</body>
</html>
Archivo php:
<?php
header("Cache-Control: no-store, no-cache, must-revalidate");
include('conexion.php');
$variable = $_GET['variable'];
if($variable == "")
echo "";
else
{
$query = pg_query("SELECT DISTINCT nom_lib FROM libro WHERE UPPER(nom_lib) LIKE UPPER('%$variable%') LIMIT 4");
while($resultado = pg_fetch_array($query)){
echo'<option onclick="pasar(this.value)">'.$resultado['nom_lib'].'</option>'.'<p>libro</p>';
}
$query = pg_query("SELECT DISTINCT nom_aut FROM autor WHERE UPPER(nom_aut) LIKE UPPER('%$variable%') LIMIT 4");
while($resultado = pg_fetch_array($query)){
echo'<option onclick="pasar(this.value)">'.$resultado['nom_aut'].'</option>'.'<p>autor</p>';
}
$query = pg_query("SELECT DISTINCT nom_cub FROM cubiculo WHERE UPPER(nom_cub) LIKE UPPER('%$variable%') LIMIT 4");
while($resultado = pg_fetch_array($query)){
echo'<option onclick="pasar(this.value)">'.$resultado['nom_cub'].'</option>'.'<p>uvicacion</p>';
}
}
?>
estos codigo son solo para el buscador osea para la parte de Ajax ya los resultados como tal los tengo en otro archivo y funcionan bien.. el problema va en Chrome q no funciona Ajax:
como se puede ver hice 3 querys con el mismo nombre a diferentes tablas y funciona bien lo q no se si es lo mas adecuado .. y si saben halgo del problema con chrome se los agradeceria
