Cómo hacer una copia no transparente en jQuery Autocompletar

En la conversación, la mayoría de las personas no les gusta que cuando alguien termina sus oraciones por ellos. Pero en Internet, la mayoría de nosotros estamos satisfechos cuando una página Web termina nuestras oraciones. Muchos motores de búsqueda proporcionan una función de autocompletado; el usuario simplemente comienza a escribir una consulta, y una caja con sugerencias aparece. Por ejemplo; tipo "camping" y el motor de búsqueda puede ofrecer "lista de camping" como un posible término de búsqueda. Se puede implementar una función de autocompletado en su propia página web, con una parte posterior no transparente, utilizando la excelente widget de Autocompletar proporcionada por la biblioteca de la interfaz de usuario jQuery.

Instrucciones

1 Abra la página Web en un editor de texto o entorno de desarrollo de elección.

2 Añadir referencias a las bibliotecas de interfaz de jQuery y jQuery, si no lo ha hecho, en la parte superior de su página web:

<Script type = "text / javascript" />

</ Div>

4 Añadir una función de JavaScript para crear el widget de autocompletar:

<Script type = "text / javascript">

$(function ()

{

var data =

[ "Bicicleta" "barco", "coche", "carborator"];

$ ( "# Muestra"). Autocompletar ({

datos fuente

});

});

</ Script>

5 Ajuste la opacidad de la Autocompletar al 0 por ciento, el uso de CSS y la propiedad Filter de Mozilla:

<Style type = "text / css">

.ui-autocomplete.ui-menú

{

filtro: alfa (opacidad = 0);

Opacidad: 0;

}

</ Style>