Skip to main content
se eliminaron 63 caracteres en el cuerpo
Origen Enlace
Miguel
  • 1.5k
  • 1
  • 21
  • 53
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.

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="" onclick="linkBusca(this);">
                        <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= 'No se encontraron resultados';
            } // end if
            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 item para buscar contenido del enlace en que se hizo clic
        // Limpia el contenido del div de resultados
        $('#resultados').html();
    }
    </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.

public function search(Request $request)
    {
        if($request->ajax())
        {
            $output = '<div class="result">';
            $products=DB::table('productos')->where('producto','LIKE','%'.$request->search."%")->get();
            if($products)
                {
                foreach ($products as $key => $product) {
                    $output.=
                '<a href="'. route('web.detalle', ['cat' => $product->categoria, '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
                } else {
                    $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>
 /* Para quitar resultados buscador y limpiar el input*/
 $(document).on('click', function(e){ 
   if($(e.target) != $("#resultados")) {
       $('#resultados').html('');
       $('#search').val("");
   }
 });  
</script>

Bien lo que necesito es que si no hay resultado muestre un mensaje de no hay resultados.

se añadieron 674 caracteres en el cuerpo
Origen Enlace
Miguel
  • 1.5k
  • 1
  • 21
  • 53

El controlador EDITO PREGUNTA PARA VER CON LAS MEJORAS POR QUE SIGUE FALLANDO

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="">href="" onclick="linkBusca(this);">
                        <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>';
    return Response($output);       } else {
                $output= 'No se encontraron resultados';
            } // end if
            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 item para buscar contenido del enlace en que se hizo clic
        // Limpia el contenido del div de resultados
        $('#resultados').html();
    }
    </script>

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);
       }
       }
    }
<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>  

EDITO PREGUNTA PARA VER CON LAS MEJORAS POR QUE SIGUE FALLANDO

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="" onclick="linkBusca(this);">
                        <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= 'No se encontraron resultados';
            } // end if
            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 item para buscar contenido del enlace en que se hizo clic
        // Limpia el contenido del div de resultados
        $('#resultados').html();
    }
    </script>
se eliminaron 12 caracteres en el cuerpo
Origen Enlace
Miguel
  • 1.5k
  • 1
  • 21
  • 53
Route::get('/'search', "Web@index")->name('web.index'"Web@search");
Route::get('/', "Web@index")->name('web.index');
Route::get('/search', "Web@search");
se eliminaron 117 caracteres en el cuerpo
Origen Enlace
Miguel
  • 1.5k
  • 1
  • 21
  • 53
Loading
Origen Enlace
Miguel
  • 1.5k
  • 1
  • 21
  • 53
Loading