Buenas tengo un buscador pero tengo algunas dudas. Os muestro el código primero.
El controlador
public function search(Request $request)
{
if($request->ajax())
{
$output="";
$products=DB::table('productos')->where('producto','LIKE','%'.$request->search."%")->get();
if($products)
{
$output.='<div class="result">';
foreach ($products as $key => $product) {
$output.=
'<a href="">
<div class="row espacioRowBusca">'.
'<div class="col-3"><img src='. asset("images/productos/camas/{$product->imagen}") .' alt="" class="imgBuscador"></div>'.
'<div class="col-9">
<h3>'.$product->marca.'</h3>
<h2>'.$product->producto.'</h2>
<h5>'.$product->categoria.'/'.$product->subcategoria.'</h5>
</div>'.
'</div>
</a>';
}
$output.='</div>';
return Response($output);
}
}
}
La ruta
Route::get('/', "Web@index")->name('web.index');
El buscador y donde muestra los resultados
<input type="text" class="form-control inputSearch" id="search" name="search" placeholder="¿Que estas buscando?">
<div id="resultados"></div>
JavaScript
<script type="text/javascript">
$('#search').on('keyup',function(){
$value=$(this).val();
$.ajax({
type : 'get',
url : '{{URL::to('search')}}',
data:{'search':$value},
success:function(data){
$('#resultados').html(data);
}
});
})
</script>
<script type="text/javascript">
$.ajaxSetup({ headers: { 'csrftoken' : '{{ csrf_token() }}' } });
</script>
Bien lo que necesito, que cuando me muestra los resultados en el div
si hago clic en cualquier otro punto ese div
desaparezca. Por otro lado si no encuentra nada que diga no hay resultados.
Gracias y un saludo