JavaScript - Ayuda con Easyautocomplite

 
Vista:
Imágen de perfil de Leonardo Yoel
Val: 5
Ha aumentado su posición en 9 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ayuda con Easyautocomplite

Publicado por Leonardo Yoel (2 intervenciones) el 15/02/2019 04:39:57
Hola amigos, necesito de la ayuda de ustedes. el hecho es qu eme he descargado el plugin easyautocomplite que trae dos archivos principales, el .js y el .css

Estoy trabajandolo con bootstrap 4 y me funciona bien cuando lo pongo con un input type="text" con la class="form-control" pero cuando lo pongo a trabajar con otro input igual dentro de la clase input group de bootstrap no me funcioa, es decir, funciona pero tiene problemas co el diseño.

Aqui les dejo el codigo para que me digan:

este lo tengo en un archivo .js de mi web:
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
var optionsAutocomplete = {
    url: function(phrase) {
        return $('#level').val()+"bin/consultas.php";
    },
 
    getValue: function(element) {
        return element.ciudad;
    },
 
    ajaxSettings: {
        dataType: "json",
        method: "POST",
        data: {
            dataType: "json"
        }
    },
 
    theme: "blue-light",
 
    preparePostData: function(data) {
        data.phrase = $("#inputDestino").val();
        data.caso = "searchCity";
        return data;
    }
 
};
$("#inputDestino").easyAutocomplete(optionsAutocomplete);

este es el index,php
1
2
3
4
5
6
7
8
9
10
<div class="form-group col-md-7 col-lg-7 my-1 ">
    <div class="input-group">
        <div class="input-group-prepend">
            <div class="input-group-text bg-white">
                <i class="fa fa-map-marker-alt fa-lg"></i>
            </div>
        </div>
        <input type="text" class="form-control py-3" id="inputDestino" name="inputDestino" required placeholder="¿A dónde quieres ir?">
    </div>
</div>

Y aqui les dejo el archivo .js y .css de easy autocomplite.

cuando lo pongo a funcionar me realiza la busqueda y me muestra los resultados pero el input se muestra diferente y los resultados tienen que salir con letras oscuras y salen con letras blancas. saludos
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Leonardo Yoel
Val: 5
Ha aumentado su posición en 9 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ayuda con Easyautocomplite

Publicado por Leonardo Yoel (2 intervenciones) el 15/02/2019 16:13:59
Hola amigos, ya encontre la solucion, se las dejo aqui para si alguno de ustedes le sucede lo mismo tengan para resolver.

Solo tienen que agregar esta linea de codigos a la configuracion del easyautocomplite:
1
cssClasses: "form-control form-control-sm fix-autocomplete",

y luego crean este estilo css:
1
2
3
4
5
6
7
8
9
10
.fix-autocomplete {
  padding : 0px !important;
  margin : 0px;
  border-width : 0px;
}
 
.input-grp-autocomplete
{
	padding-bottom: 2px !important;
}

gracias...
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar