public function search(Request $request)
{
if($request->ajax())
{
$output="";$output = '<div class="result">';
$products=DB::table('productos')->where('producto','LIKE','%'.$request->search."%")->get();
if($products)
{
$output.='<div class="result">';{
foreach ($products as $key => $product) {
$output.=
'<a href="'. route('web.detalle', ['cat' '<a=> href=""$product->categoria, onclick="linkBusca(this);">
'sub' => $product->subcategoria, 'url' => $product->url]) .'">
<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>';
} // end foreach
$output.='</div>';
} else {
$output= $output.= 'No se encontraron resultados';
} // end if
$output.='</div>';
return Response($output);
}
}
<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>
<script>
function linkBusca(item) {
// Puedes usar* itemPara paraquitar buscarresultados contenidobuscador dely enlacelimpiar enel queinput*/
se$(document).on('click', hizofunction(e){ clic
if($(e.target) != $("#resultados")) //{
Limpia el contenido del div de resultados$('#resultados').html('');
$('#resultados''#search').htmlval("");
}
});
</script>
Bien lo que necesito, es 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 digahay resultado muestre un mensaje de no hay resultados.