Como crear BUSCADOR INTERNO 🔍 en tu página web | HTML - CSS - JS |

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

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

  • @bernabevannenneiez233
    @bernabevannenneiez233 2 года назад +3

    Oshtia chavall prolijo video, bendiciones!!

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

    te felicito magtimus pro...somos casi tocayos magtimus pro y pro-art. esta muy pero que muy genial el tutorial y el buscador quedo perfecto. pero al final creo que hubiera quedado mas genial si le agregaras que como uno da enter cuando aparece la busqueda y no seguir escribiendo que en vez de clickear con el mause en la box search tambien bajaramos con el teclado al resultado de la busqueda. pero es solo un detalle mas. el buscador esta muy pero que muy genial bendiciones

  • @giulianunez3328
    @giulianunez3328 4 года назад +5

    Muchas gracias por el video buenisimooo!!! Estaria bueno que hicieras un video para poner varios idiomas en un sitio web

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

    Excelente curso
    Visto en 07/08/2020

  • @gianfrancogerman8889
    @gianfrancogerman8889 4 года назад +6

    Buen tutorial estimado, gracias por compartir tus conocimientos 👍

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

      Muchas graciasss amigooo! Saludos

  • @giulianunez3328
    @giulianunez3328 4 года назад +7

    Hola muy bueno el video como puedo hacer que el buscador busque con teclas? Osea que al precionar enter me busque y que al utilizar las flechas de arriba y de abajo se mueva a través de lo li?

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

      document.querySelector('#txtSearch').addEventListener('keypress', function (e) { if (e.key === 'Enter') { } });

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

    Buenas Magtimus. te saludo de Medellin Colombia te escribe Wilson Noreña hermano felicitaciones explicas muy bien mil gracias un abrazo

  • @hectormancha4554
    @hectormancha4554 Месяц назад

    Hola Cristian, enseñanza genial, gracias, eres muy bueno sin duda. Tendrás algo sobre un buscador de una o varias palabras de texto en un texto almacenado en una tabla de una base de datos?

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

    Muchas grs por la clase brother 😎

  • @katalinalagosneuman5593
    @katalinalagosneuman5593 4 года назад +5

    Hola super buen video, podrias hacer un carrito de compra y productos tener el boton que lo diriga a los medios de pago como paypal o visa, tambien igual por ejemplo si uno vende un plan en su web y el cliente lo compra por un mes que tenga un contador interno para cuando se cumpla el mes y se venza el mes se le corte el plan te lo agradecería muchísimo saludos.

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

    Nuevo suscriptor hermano. Bendito seas!

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

    Hola, que programas utilizas para grabar y editar los videos. Gracias

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

    Holaaa Magtimus, te felicito tienes muy buen contenido y espero que sigas trabajando en esto, Muchas gracias por tu ayuda

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

    Mis Respetos y Admiraciones !!!

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

    Hola, tengo una duda en la U me dice crear dos input y lo que se digite en uno se vea en el otro especie de un buscador.
    Me explico en una tabla hay nombres de personas en el otro input digito un numero y muestra el nombre de la persona.
    No se si me haga entender.

  • @JohnAlex1010
    @JohnAlex1010 4 года назад +6

    Hola Magtimus, están geniales todos los tutoriales.
    ¿Algún día haras un video de como esta tu setup y como grabas los videos (Sotware y Hardware). ? Gracias

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

      Holaaaaa que taaal John! , la verdad es que vengo pensándolo hace varias semanas, y lo voy hacer muy pronto!!!. De momento te diré con lo que utilizo para hacer mis vídeos. Aquí debajo 👇👇👇
      🔹Grabador de pantalla: OBS Studio
      🔹Grabador de audio: Audacity
      🔹Editor de video: Adobe Premiere y aveces After Effects(cuando me antojo de algún efecto que quiera hacer)
      El Hardware se los diré para cuando haga el vídeo de como grabo mis vídeos jaja 😀. Saludos Éxito!!! Gracias por estar en el canal 👍.

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

    y como seria para que funcione con la tecla enter, osea que en vez de dar click se maneje con las flechas de arriba abajo y pulsar enter

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

    Alguien me puede ayudar con el siguiente error, es parte del código en javascrip para el buscador. al ejecutar el buscador me da el siguen mensaje Uncaught TypeError: box_search.getElementByTagName is not a function

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

    Hola! como puedo filtrar además por tags o palabras clave?

  • @dianagallego5182
    @dianagallego5182 3 года назад +9

    Holaa Magtimus! buen video, pero como harías la integración después con la búsqueda? es decir para que sea como un buscador tipo google, donde el buscador está solo en una pantalla y al darle buscar salta a otra pantalla con la búsqueda.

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

      target="_blank", para que la busqueda se habra en otra pestaña. Es un atributo de la etiqueta

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

    Maestro!!! Muy buen video!
    Oye también estaría muy bien que hicieras un video de cómo hacer “historias” de Facebook o Instagram.

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

      Muchísimas graciassss amigoo! Tendré presente ese video que me que pides, Muchos saludos! Éxito!

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

      MagtimusPro muchas gracias! Saludos.

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

    muy buen material, adquieres nuevo suscriptor mano, éxito

  •  3 года назад

    Hola, esto sirve tambien para buscar en páginas web introducidas previamente?

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

    Muy Buen tutorial, el mejor canal de programación

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

    Hola, quiero que sea exactamente igual, pero en vez de texto que sean códigos (números) cómo haría???

  • @indesigners.disenocreativo5737
    @indesigners.disenocreativo5737 3 года назад

    Hola, ¿cómo se podría añadir la función para que no tenga en cuenta las tildes? Ahora mismo si buscas una palabra sin acento no te aparece si está en el listado con acento. Gracias!

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

    hola bro,yo tengo un problema con una plantilla de peliculas,en su buscador me aparece un cartel que dice
    " este formulario no es seguro.Autocompletar desahabilitado" ,sabes como se podria solucionar eso? que se puede hacer

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

    Saludos desde Dominicana

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

    ¿como puedo hacer para que aparezca "no hay resultados" cuando se escribe algo en el buscador que no se encuentra?

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

      Amigo ya sabe como hacer eso?

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

      @@juansebastiansanchez4640 ojalá, llevo un dia entero intentando y nada... de momento lo he dejado asi

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

      @@izanpublicliente5926 podrías recorrer todo el arreglo de los "li" y comprobar si todos tienen la propiedad display none, si ese es el caso entonces muestras un mensaje de que no hay resultados y todo esto debes meterlo dentro del evento "input" de la barra de búsqueda, así lo hice

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

      @@ricardoolivaresventura4603 Hola, me puedes ayudar por favor con alguna captura o la función modificada en algún comentario, gracias!!!

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

    Te quiero felicitar, excelente video bro!! Saludos y gracias!

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

    Como hago si es que tengo muchos resultados limitarlo que me aparezca solo una cantidad de resultados??...

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

    Amigo tienes algún tutorial donde se pueda usar un script de búsqueda de una palabra y de click en un enlace en una página cualquiera por ejemplo en la página Paypal , por ejemplo que cuando encuentre la palabra retiro y pago de click si existe un enlace, eso es posible?

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

    buena la del responsive

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

    Hola, una consulta. Como puedo hacer para buscar varios elementos al mismo tiempo con el buscador? Saludos

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

    Pero no seria una barra de búsqueda, seria prácticamente una lista desplegable.

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

    Hola como va?? Saludos desde Argentina... como puedo agregar un scroll al box-search???

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

    Quiero hacer una pagina wep tipo Google donde ponga lo que quiera

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

    Como hago para colocar el buscador dentro de una imagen

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

    Hola muy bueno el video como puedo hacer que el buscador busque con teclas selecciona o sea que al presionar tecla tabulación y que al utilizar las flechas de arriba y de abajo se mueva a través de lo li por favor

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

    como puedo realizar mis buscador con data.json ??? ponde tome los hijos para realizar la busqueda ?

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

    Muy muy interesante, la verdad... una cosa, ¿sería posible que buscara los datos en una base de datos??
    Muchas gracias.

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

    Muchísimas Felicidades, Crack !!!!!

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

    Ya tienes nuevo suscriptor.

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

    hola sera que tienes el video anterio de este

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

    Tengo una duda
    ¿Si sustituyo CLASS="fas fa-search" y en lugar de "fas fa-search" puedo coloco atributos como Palabras clave de busqueda?
    ¿Funcionara igual con tu codigo JavaScrip?

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

    Ótimo vídeo parabéns 👏.

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

    como pondrias un mensaje que 'no hay resultados'?

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

    Muy bueno, pero no funciona cuando las palabras a buscar usan anclas- Ninguna de las dos formas o

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

    excelente mi broder

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

    7:25 .filter yera

  • @ted-brawlstars3294
    @ted-brawlstars3294 4 года назад +1

    Puedes hacer un menú de inicio organizado? En el vídeo de la página web tipo blog

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

    Que genial el vídeo

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

    Podrías hacer el buscador pero consultado a una base de datos? Buen video!

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

      Encontraste algun tutorial que sirva para completar con este y lograr que la busqueda sea hacia una base de datos o hacia todos los textos de la pagina? Muchas gracias!

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

      @@giggiland También ando buscando uno así. ¿Encontraron?

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

      @@isidrosalinas6212 lamentablemente no, arme uno a mano con opciones especificas de busqueda y ya

  • @Soyun-u8r
    @Soyun-u8r 3 года назад

    hola consulta buenas un desarrollador web puede crear un buscador tipo google que indexe y muestre info en orden saludos buen video

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

    como hacer un buscador interno simple; que pongas buscar y según escribas el buscador valla relacionando esas palabras con el contenido interno de la pagina para arrojar un resultado congruente con la palabra que le estas poniendo. no setear 5 fracecitas ya hechas y que solo busque ese rango limitado de opciones...... un buscador simple mano! que busque cualquier palabra que pueda coincidar con el contenido inteno de tu pagina......

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

    Esta genial tu vídeo, sabes si existe algo así pero como una librería?

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

    Duro

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

    increíble bro

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

    hola magtimus te pareces mucho a mi amigo bartolo

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

    Muyyy buen video ehhh

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

    Hola, gracias por el tutorial. ¿como puedo hacer para que aparezca "no hay resultados" cuando se escribe algo en el buscador que no se encuentra?

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

      encontraste algo?

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

      Podrias meterle un else indicando de que si encuentra algo diferente al valor de las elementos de la lista, te salga ese mensaje de que no hay resultados.

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

    gracias jh

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

    Eres ingeniero en sistemas? Y ademas de eso que tipos de trabajo te asignan o haces para ganarte la vida.

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

    Pues entendí, pero me parece que algunas cosas no las supiste explicar de manera apropiada para algunas personas que no sepan algunos conceptos :)
    (no hate)

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

    ¿Alguien tiene esto mismo, pero con una base de datos?, Algún vídeo, ejemplo que me pase

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

    Aplausos

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

    Me das permiso para usar el codigo
    en un proyecto ??

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

    Eso no busca es solo una clase amateur de manejo de string un buscador busca direcciones URL y las maneja luego.

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

    yo no voy a decilo

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

    todo eso para un simple buscador html ajjaja

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

    PESIMO.......NO PARTEN DE CERO EXPLICANDO.

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

    Hola una pregunta... Como puedo hacer para que busque un articulo por titulo y que no me mande a un url sin q me mande a una dirección de búsqueda o en la misma dirección me salga solo los artículos que tengan el titulo que busque o parecido...

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

    Hola, pregunta: para dar el "enter" y que valla a la búsqueda, ¿ como darle esa función en vez de estar con el mouse pinchando ?
    te agradezco tus grandes tutoriales, bendiciones.
    ojalá puedas darme una solución, gracias....