El componente Autocomplete de JQuery

Imagen 1

Este componente nos permite filtrar los registros que tenemos en nuestra base de datos a través de un input="text", facilita la búsqueda; pues mientras vas escribiendo debajo nos muestra algunas opciones según su interés.

JQuery ha realizado un sin numero de aplicaciones que favorecen y agilizan el proceso de desarrollo de páginas web. 

Código para el autocomplete, no olvidarse descargar los plugin de JQuery (ver aquí)

function formatItemG(row){
 return "<table width='420px' border='0'><tr style='font-size:12px;'><td width='60'>" + row[1] + "</td><td  width='360' align='right' style='padding-right:10px'>" + row[0] + " - <label style='color:#0000FF; font-weight:bold;'>" + row[4] + "</label></td></tr></table>";
}
function formatResult(row){
        return row[0];
}    
$('#codigo').autocomplete('buscar_repuesto.php', {
    autoFill: true,
    width: 450,
    selectFirst: false,
    formatItem: formatItemG, 
    formatResult: formatResult,
    mustMatch : false,
    extraParams: {
      option: function(){ return "1"; },
      part: function(){ return "1"; }
    }
  }).result(function(event, item){
    $("#codigo").val(item[1]);
    $("#descripcion").val(item[0]);
    $("#medida").val(item[3]);
    $("#precio").val(item[5]);
  Tab("cantidad");
});
$('#descripcion').autocomplete('buscar_repuesto.php', {
    autoFill: true,
    width: 450,
    selectFirst: false,
    formatItem: formatItemG, 
    formatResult: formatResult,
    mustMatch : false,
    extraParams: {
      option: function(){ return "1"; },
      part: function(){ return "1"; },
      name: function(){ return "1"; }
    }
  }).result(function(event, item){
    $("#codigo").val(item[1]);
    $("#descripcion").val(item[0]);
    $("#medida").val(item[3]);
    $("#precio").val(item[5]);
  Tab("cantidad");
});

Donde el codigo y descripcion son los identificadores de los input="text"

Código HTML para hacer la ventana imagen 1

<fieldset>
 <legend align= "center" style="width: 100%;text-align: left;color: #999;">REPUESTO :::...</legend>
   <table border="0" cellspacing="1" style="width: 100%;padding: 2px;">
     <tr style="font-size: 10px;text-align: center;">
      <th style="width: 10%;">- C&Oacute;DIGO -</th>
      <th style="width: 50%;">- DESCRIPCI&Oacute;N -</th>
      <th style="width: 10%;">- CANTIDAD -</th>
      <th style="width: 10%;">- PRECIO -</th>
      <th style="width: 10%;">- MEDIDA -</th>
      <th style="width: 10%;">- DSCTO -</th>
      <th style="width: 5px;"></th>
     </tr>
     <tr style="text-align: center;">
   <td><input type="text" id="codigo" style="width: 96%;text-align: center;"/></td>
      <td><input type="text" id="descripcion" style="width: 99%;"/></td>
     <td><input type="text" id="cantidad"  style="width: 96%;text-align: center;" value="0" /></td>
                <td><input type="text" id="precio" style="width: 96%;text-align: center;" value="0.00"/></td>
                <td>
     <select id="medida" name="medida" style="width: 100%;" disabled="disabled">
          <option value="">---</option>
          <option value="1">Unidad</option>
          <option value="2">Caja</option>       </select>
       </td>
    <td><input type="text" id="descuento" style="width: 96%;text-align: center;" value="0.00"/></td>
 <td><img src="images/icon/add_item.png" width="16px" title="AGREGAR ITEM" style="cursor: pointer;" /></td>
            </tr>
        </table>

    </fieldset>
En el archivo buscar_repuesto.php tenemos lo siguiente
<?php
session_start();
require("ClsSetting.php"); //Archivo de conexión
$Filter = $_GET['q']; //Variable del input text
if(isset($_GET['part'])){ //Parámetro extra
    if(isset($_GET['name'])){ //Parámetro extra
        $S = "description_part ILIKE '%$Filter%'";
    }else{
        $S = "reference_part ILIKE '%$Filter%'";
    }
    $Query = " SELECT cod_part,
  description_part, reference_part, fk_cod_measure, fk_cod_brand, price_buy, price_sale, stock_minimum, stock_maximum, stock_real, fk_cod_model, fk_cod_state, fk_cod_supplier, FROM part WHERE $S ";
    $FetchArray = $Conn->Query($Query);
    while($row = $Conn->FetchArray($FetchArray)){
        $rowB = $Conn->FetchArray($Conn->Query(" SELECT * FROM brand WHERE cod_brand='".$row[4]."' AND type_brand = 'REPUESTO' "));
echo $row[1]."|".$row[2]."|".$row[0]."|".$row[3]."|".$rowB[1]."|".$row[6]."\n"; //Todos los necesarios según lo que se tiene en la base de datos
    } 
}
?>
Ahora puedes tener ese tipo de buscadores interesantes en tus aplicaciones web. Comparte este enlace.
El mercado de divisas (también conocido como Forex, abreviatura del término inglés Foreign Exchange) es un mercado mundial y descentralizado en el que se negocian divisas. Este mercado nació con el objetivo de facilitar el flujo monetario que se deriva del comercio internacional. El volumen diario de transacciones que lleva a mover alrededor de 4 trillones de dólares estadounidenses (USD)1 al día ha crecido tanto que, en la actualidad, el total de operaciones en moneda extranjera que se debe a operaciones internacionales de bienes y servicios representan un porcentaje casi residual, debiéndose la mayoría de las mismas a compraventa de activos financieros.2 En consecuencia este mercado es bastante independiente de las operaciones comerciales reales y las variaciones entre el precio de dos monedas no puede explicarse de forma exclusiva por las variaciones de los flujos comerciales. El oro ha sido dinero por 5,000 años y jamás ha dejado de serlo. En la actualidad, en la Tierra sólo hay suficiente oro para que cada persona tenga 1/3 de onza. En el transcurso del tiempo y en la historia de la humanidad, el oro se ha revalorizado para valer más que todas las monedas en exceso en la circulación. Hoy en día, para respaldar todos los dólares de los EE.UU. impresos por la Reserva Federal, el oro tendría que ser revaluado a 15.000 dólares por onza. En tiempos de crisis, el oro es la inversión más segura y también tiene el mayor potencial para aumentar su riqueza. El oro es una inversión totalmente privada y anónima que es también muy fácil de transportar. ¿Por qué comprar Plata? En la actualidad, en la Tierra hay menos plata de grado de inversión disponible para los inversionistas, que de oro. En la actualidad, sólo hay suficiente plata en la Tierra de grado de inversión para que cada persona tenga 1/14 de onza. La plata es el 'metal milagroso'. Sólo es superado por el petróleo como la materia prima más útil del mundo. Además de ser dinero, la plata tiene miles de usos esenciales en la industria. La plata es el mejor conductor eléctrico, el que mejor resiste a las temperaturas y el metal que mejor refleja en el planeta, que no tiene sustitutos conocidos. Durante los últimos 30 años el mundo ha consumido más plata que la que ha sido extraída. Los inventarios de hoy en día están cerca de los niveles más bajos de todos los tiempos.