Diseñando BUSCADOR INTERNO para tu web | HTML - CSS - JS |

Поделиться
HTML-код
  • Опубликовано: 30 ноя 2024

Комментарии • 49

  • @danicalduchgarcia
    @danicalduchgarcia Год назад

    Muchas felicidades por tu trabajo. Creo que eres de las mejores personas haciendo tutoriales de este sector.

  • @luismiguelculquilopez5951
    @luismiguelculquilopez5951 3 года назад +1

    El mejor video que pude encontrar. Muchas gracias por el dato.

  • @arthurttony
    @arthurttony 4 года назад +1

    Sos grande, Saludos desde Buenos Aires - Argentina!! Sigue para adelante me ayudaste un montón.

  • @lucasgularte9652
    @lucasgularte9652 3 года назад +4

    Muchas gracias estimado!! Muy buen video!!
    Me ayudarías??,cómo sería el código en JS para que buscador se oculte, dando click nuevamente en la lupa?

  • @kantyDarius
    @kantyDarius 4 года назад +3

    Ojalá crezca tu canal, te lo mereces

    • @VisualAvalon
      @VisualAvalon  4 года назад +1

      Muchas gracias amigo! Estaré trabajando duro para que siga creciendo el canal y puedan seguir disfrutando del contenido. Saludos...

    • @kantyDarius
      @kantyDarius 4 года назад

      @@VisualAvalon me refería a que crezca la cantidad de subscriptores, jaja.

  • @alejandrorestrepomesa3527
    @alejandrorestrepomesa3527 4 года назад +2

    30:15 la mejor parte de el vídeo jajaja

  • @carlosgonzalezcarnahan2896
    @carlosgonzalezcarnahan2896 3 года назад +1

    excelente video!! muchas gracias!

  • @jersonarmandochitanlopez3905
    @jersonarmandochitanlopez3905 4 года назад +1

    Gracias bro eres un Maquina viejo me va ayudar demasiado

    • @VisualAvalon
      @VisualAvalon  4 года назад

      Genial amigooo! Me alegra muchísimo que te sirva este proyecto. Espera el próximo tutorial que es donde ya quedará funcionando el buscador. Éxito, saludos!

  • @Magistrado1914
    @Magistrado1914 4 года назад

    Excelente curso
    Visto en 07/08/2020

  • @josephmiroquesada6192
    @josephmiroquesada6192 3 года назад +3

    una consulta, yo ya tengo un buscador en mi web pero deseo que cada que escriban la primera letra en el contenedor de búsqueda aparezcan sugerencias de los títulos de todos mis post según lo que escriban, cómo puedo hacer eso, me podrías ayudar?

    • @eduardos133
      @eduardos133 3 года назад +1

      Lo solucionaste? Quier hacer lo mismo

  • @miguelromeoromeroromero186
    @miguelromeoromeroromero186 4 года назад +4

    saludos desde colombia

  • @ElenaNuñezVillegas
    @ElenaNuñezVillegas Год назад

    Hola, gracias. Por favor dime cual es el elemento padre de ctn-bars-search por favor, porque el color blanco detras de mi input no abarca toda la pantalla

  • @romuloalves9349
    @romuloalves9349 4 года назад +1

    Ótimo vídeo sensacional parabéns 👏.

  • @xkiller838
    @xkiller838 4 года назад +2

    que bien implemento el q le recomende

  • @anaguanda9705
    @anaguanda9705 4 года назад +1

    me gustan tus tutoriales

  • @urmec5128
    @urmec5128 2 года назад +1

    Muy bueno tu video.
    Ahora la cuestion es la siguiente y OJALA SI RESPONDAS, veo que muchos te preguntan esto y es sobre la UL.
    Existe alguna forma en que la lista de busqueda se genere dependiendo de lo que busca el usuario es decir en tu caso pues es sobre programacion y son pocos elementos; pero si fuera una busqueda de una tienda que contiene muchos productos y articulos, o de Modelos de autos etc se debe crear ETIQUETA POR ETIQUETA para que aparezca todo lo que contiene la pagina?
    Gracias por tu atencion

    • @canwilsonCaanWilson
      @canwilsonCaanWilson 2 года назад

      encontraste de casualidad alguna información respecto a lo que dijiste? es que ando en un proyecto de estudio y lo que describiste es lo que preciso necesito y no encuentro :(

    • @urmec5128
      @urmec5128 2 года назад

      @@canwilsonCaanWilson Hey que tal amigo pues encontre otra forma pero es mediante Javascript pero de igual forma hay que escribir producto por producto y es con arrays.
      Lo que no me gusto de esa forma es que ya encontrado el producto no se de que forma enlazarlo mediante Javascript lo intente e intente y pues No, espero que logres encontrar algo amigo disulpa el no ayududarte de nada :(

  • @alexitoyt1130
    @alexitoyt1130 4 года назад

    Una pregunta para agregarembed de un mapa de Google Maps en donde debería pegarlo el embed para que apareciera después de buscar con tu buscador

  • @olmanjavierespinalmontes7605
    @olmanjavierespinalmontes7605 4 года назад

    Hola saludos desde Honduras, mira hay alguna manera para hacer que busque de forma general, precisamente sin necesidad de crear la UL,

  • @ricardoolivaresventura4603
    @ricardoolivaresventura4603 4 года назад

    Te mereces más suscriptores brother!!!!

  • @jesusvalle4759
    @jesusvalle4759 3 года назад

    me estaban haciendo una página web, básicamente es un sitio de consultas que copie de otro sitio y la vdd no me terminaron el trabajo, me puedes ayudar a retomar el proyecto?

  • @santiagobetancourt9456
    @santiagobetancourt9456 2 года назад

    ayudaaa, sigo todo a pie de lal eta, y al precionar la lupa no hace nada (la unica diferencia es que uso bootstrap para poner la lupa)

  • @yonvay5424
    @yonvay5424 6 месяцев назад

    10/10 Gracias

  • @spilupshop389
    @spilupshop389 4 года назад +1

    Genial video amigo 👋

    • @VisualAvalon
      @VisualAvalon  4 года назад +1

      Muchísimas gracias amigo! Saludos... Éxito!

  • @michellesanchez907
    @michellesanchez907 7 месяцев назад

    No me sale el icono en la página por ende no me funciona

  • @ProArtStudio
    @ProArtStudio 4 года назад

    #minuto 31:51="me imagino que estan desepcionados"{XDXDXDXDXD}

  • @gadielarcegarcia189
    @gadielarcegarcia189 2 года назад

    pero solo se puede usar en una pagina :(

  • @ichbin_lio4464
    @ichbin_lio4464 3 года назад

    Hola, cuando escribo en el buscador me aparece otra barra de resultados aparte de la que hice, pero esta barra es de busquedas anteriores, como puedo eliminar eso? Saludos.

    • @eduardos133
      @eduardos133 3 года назад

      Comentando O borrando el código de tu antigua barra comentas con

    • @ichbin_lio4464
      @ichbin_lio4464 3 года назад

      @@eduardos133 ya pude, era algo distinto, tuve que eliminar los Datos para autocompletar formularios de google. Igualmente gracias.

  • @danielunodotres4097
    @danielunodotres4097 4 года назад

    usare tu código para un proyecto

  • @italaviena7871
    @italaviena7871 4 года назад

    Hola, Cristian! Muy didáctico este y el primero video sobre "buscador interno". Quisiera saber si es posible que me ayudes a agregar el código para el JS para el siguiente buscador.
    HTML







    JS
    function search_bar(){
    $('.search-trigger').on('click', function () {
    const search = $('.search');

    if (search.is('.search--opened')) {
    search.removeClass('search--opened');
    } else {
    search.addClass('search--opened');
    $('.search__input')[0].focus();
    }
    });
    }
    search_bar();
    $(document).on('click', function (event) {
    if (!$(event.target).closest('.search, .search-trigger').length) {
    $('.search').removeClass('search--opened');
    }
    });
    Es una tarea que me dejaron en mi Instituto, y, no pude agregarlo como lo hiciste. Espero puedas ayudarme, gracias. animofilia@gmail.com

  • @NameNotAvailableX
    @NameNotAvailableX Год назад +1

    El problema, el enorme problema, es que no es responsiva...

    • @Refreseees
      @Refreseees Год назад

      Que es esp jaja 😂😂

    • @NameNotAvailableX
      @NameNotAvailableX Год назад

      @@Refreseees ?

    • @Refreseees
      @Refreseees Год назад

      @@NameNotAvailableX responsivo perdon, ¿que es?

    • @NameNotAvailableX
      @NameNotAvailableX Год назад

      @@Refreseees Responsiva o responsive es para que la pagina funcione en la pantalla de cualquier dispositivo, en este caso si desarrollaste la pagina del tutorial no se podra visualizar bien desde un celular

    • @Refreseees
      @Refreseees Год назад

      @@NameNotAvailableX ohhh gracias bro un dato interesante para mi 😁

  • @axeljasiel.5048
    @axeljasiel.5048 4 года назад

    likn de descarga