Typeahead Bootstrap no funciona en Remoto

[easteteb]

Ante todo buenas tardes. Paso a explicar mi problema. Diseñé una aplicación web en mi trabajo que permite registrar mediante un formulario varios campos. Dentro de esos campos tengo algunos que usas el autocompletado del Typeahead Bootstrap. En local funciona a la perfección. Pero cuando ejecuto la aplicación desde otra PC que forma parte de la red, es decir, en modo remoto, el autocompletado deja de funcionar y el campo se comporta como cualquier otro campo de tipo texto.
Por favor, alguien puede ayudarme y decirme qué es lo que está mal en mi código o si falta algo de configuración que, quizás, estoy obviando.

Este es mi código JavaScript:

Código:

$(function() {
	$("#typeahead").typeahead({
		source: function (query, process) {
			$.ajax({
				url: 'data.php',
				type: 'POST',
				data: 'query=' + query,
				dataType: 'JSON',
				async: true,
				success: function(data) {
					process(data);
				}
			});
		}
	});
});

Este es mi archivo data.php:

Código PHP:

  if (isset($_POST['query'])) 
{ 
    require_once('conexion.php'); 
 
    $query = $_POST['query']; 
    $sql = "SELECT * FROM tab_medicinas_2 WHERE descripcion LIKE '%".$query."%'"; 
    $res = mysql_query($sql) or die(mysql_error()); 
  
    while($fila = mysql_fetch_assoc($res)) 
    { 
        $return[] = $fila['descripcion']." (".$fila['um'].")"; 
    } 
 
    echo json_encode($return); 
}  
   

Y este es parte de mi código HTML:

Código HTML:

<div id="tab4" class="tab-content-1">
	<table class="table table-bordered">
		<tr>
			<td width="28%">Denominaci&oacute;n seg&uacute;n DCI, especificaciones t&eacute;cnicas, unidad de manejo</td>
			<td width="24%">Dosis</td>
			<td width="24%">Duraci&oacute;n del tratamiento</td>
			<td width="8%">Cant. Req.</td>
			<td width="16%">Indicaci&oacute;n Espec&iacute;fica</td>
		</tr>
		<tr>
			<td width="28%">
				<input name="descripcion" class="span4" id="typeahead" type="text" data-provide="typeahead" />
			</td>
			<td width="24%">
				<input name="dosis" class="span3" id="dosis" type="text" />
			</td>
			<td width="24%">
				<input name="duracion" class="span3" id="duracion" type="text" />
			</td>
			<td width="8%">
				<input name="cantidad" class="span1" id="cantidad" type="text" />
			</td>
			<td width="16%">
				<input name="indicacion" class="span2" id="indicacion" type="text" />
			</td>
		</tr>
	</table>
</div> 

[carlos_belisario]

buenas ¿algún error? activa el firebug o la consola de errores javascript que lo más seguro es que te diga algo al momento que se este realizando el evento, saludos

[easteteb]

Iniciado por carlos_belisario

buenas ¿algún error? activa el firebug o la consola de errores javascript que lo más seguro es que te diga algo al momento que se este realizando el evento, saludos

Carlos, gracias por tu colaboración. Hice lo que me sugeriste y el único error que generaba era el siguiente:

"Se encontró el siguiente error al intentar recuperar la dirección URL: http://172.22.30.159/control/data.php
Acceso Denegado - Las reglas de control Institucional evitan que su solicitud sea permitida en este momento. Por favor, póngase en contacto con su proveedor de servicios si cree que esto es incorrecto."

Es decir, cuando pongo en la barra de navegación localhost/control/data.php (este es el archivo que conecta MySQL con el Typeahead a través de Ajax) no arroja ningún error, pero cuando le pongo el IP de mi PC (172.22.30.159) recién ahí arroja el error en el firebug, y el objetivo es que los usuarios accedan desde cualquier PC al aplicativo a través de esta IP.
¿Alguna otra sugerencia por favor?

[easteteb]

Hace días que inicié este post, pero nadie me ha ayudado hasta ahora. Y no logro solucionarlo. Tal vez si los moderadores pudieran volver a ponerlo dónde inicialmente estaba, en los temas de Frameworks y PHP, ya que aquí, en Jquery, nadie comenta porque en sí parece ser un problema del Bootstrap Typeahead. Gracias anticipadas.