Como CREAR una ventana MODAL ✅ [ HTML CSS Y JavaScript ]

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ม.ค. 2025

ความคิดเห็น • 49

  • @AlexCGDesign
    @AlexCGDesign  3 ปีที่แล้ว +4

    📘CURSO CSS3 COMPLETO (Descuento) 👉 alexcgdesign.com/cursocss

  • @mannyanthony9130
    @mannyanthony9130 ปีที่แล้ว +1

    Perfecto el TRUCO esta en agregar a la lista y luego en quitarlo de la lista utilizando JS, ahora en ese modal se puede utilizar para lo que sea .

  • @bryanlandazuri2610
    @bryanlandazuri2610 ปีที่แล้ว +2

    Excelente video. Para tener en cuenta las - - transform: / - - transition: 😊😊

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 3 ปีที่แล้ว +1

    Gracias por ir subiendo este material

  • @leomax522
    @leomax522 ปีที่แล้ว

    Espectacular explicación Alex. Muchas gracias.

  • @alexxlcf
    @alexxlcf 3 ปีที่แล้ว +3

    No había visto lo reciente que es el video, que genial el trabajo y como explicas, acabo de aplicar esto en una vista donde tengo tres modal y tres botones así que en vez de interactuar con ellos por medio de la clase lo hice con ElementById. Muchas gracias

  • @armandogonzalez8204
    @armandogonzalez8204 5 หลายเดือนก่อน

    Muchas Gracias por el contenido. Muy bien explicado.

  • @Terraplanamx
    @Terraplanamx 2 หลายเดือนก่อน

    Excelente amigo, justo es lo que estaba buscando

  • @francaguirre2943
    @francaguirre2943 ปีที่แล้ว

    Eres un Crack estimado :)

  • @geovannygonzalez8379
    @geovannygonzalez8379 3 ปีที่แล้ว +1

    Eso hermano cada ves mas interesante me gusta tu enseñanza sin framework

  • @christs3117
    @christs3117 ปีที่แล้ว

    Muchas gracias, excelente video. Me saco de un apuro

  • @fedemedran
    @fedemedran 3 ปีที่แล้ว

    gracias hermano vi varios y este fue el q mejor me sirvio!

  • @carlosdanielerazo1794
    @carlosdanielerazo1794 ปีที่แล้ว

    Excelente contenido, GRACIAS!!!!

  • @GreivyHernández
    @GreivyHernández ปีที่แล้ว

    Increíble video, muchas gracias!

  • @chukytoyt2513
    @chukytoyt2513 2 ปีที่แล้ว

    Explicación magistral bro , muchas gracias

  • @gastonbarrera4164
    @gastonbarrera4164 ปีที่แล้ว

    Gracias por este video me ayuda un monton !

  • @josedavidtellez2979
    @josedavidtellez2979 2 ปีที่แล้ว +1

    Qué gran video, muy bien explicado y detallado de forma que es entendible, sin usar frameworks o nada. Muy buen video amigo

  • @criadordeperroslostresdona9695
    @criadordeperroslostresdona9695 2 ปีที่แล้ว

    eres un grande en esto gracias por impartir enseñanza

  • @angeldavidc2132
    @angeldavidc2132 ปีที่แล้ว

    En vez de poner opacity 0 y pointer none, no es más fácil display none?

  • @ithielragnaros
    @ithielragnaros 2 ปีที่แล้ว

    perfecto un Diez hermano gracias :D ya me habia suscrito asi que un like jeje

  • @LuisTrinidad-b9m
    @LuisTrinidad-b9m ปีที่แล้ว

    Excelente video bien explicado. Me gustaría saber como dar un efecto de como si estaría cargando el modal con un icono de reloj de arena por unos 3 segundos, para que luego aparezca el contenido, gracias

  • @hanton08
    @hanton08 2 ปีที่แล้ว

    Exelente explicación, tengo una pregunta, si quiero utilizar la modal para varios botones, que hay que tener en cuenta?

  • @yessseveriano3622
    @yessseveriano3622 ปีที่แล้ว +2

    A alguien le pasa que al preisonar el boton no muestra el modal? :( help? ya hice pruebas para ver si si esta escuchando el evento y si lo escucha pero no muestra el modal

    • @antonioaquinodelaluz5737
      @antonioaquinodelaluz5737 11 หลายเดือนก่อน

      Hola en el querySelector( ' modal')--> mal definido falta el punto al inicio. A mi no me lo mostraba por que dentro del query se define como una clase, es decir lleva un punto primero, forma correcta: querySelector( '.modal') posiblemente eso te falto

  • @ivancahuaya7747
    @ivancahuaya7747 2 ปีที่แล้ว +2

    Me salió todo igual, ahora pasa que no quiere mostrar el modal con el click, no me reconoce 🤡

  • @alejoprivera
    @alejoprivera 2 ปีที่แล้ว

    Excelente video!!!

  • @jhonatanrojasrincon5230
    @jhonatanrojasrincon5230 ปีที่แล้ว

    Buen video 😄

  • @willyvaldez479
    @willyvaldez479 3 ปีที่แล้ว

    Muy buen contenido gracias hermano lluvias de bendiciones

  • @eduardflores8420
    @eduardflores8420 2 ปีที่แล้ว

    yo lo hice de la sgt manera, metí toda la estructura html del modal en un y con js lo muestro en la pagina al dar clik a un botón , luego solo remuevo el contendor con un remove () y listo , creo que está bien lo que he echo ,no ?lo único malo es que no puedo poner animaciones o eso creo

  • @deivi3697
    @deivi3697 2 ปีที่แล้ว

    Y el JS para almacenar que el modal esta cerrado con session storage y localStorage, como se haria?

  • @amvl7121
    @amvl7121 3 ปีที่แล้ว

    Gracias por el contenido, ayuda bastante

  • @sebastian-iu1ke
    @sebastian-iu1ke ปีที่แล้ว

    Que gran video bro, explicas demasiado bien, pero tengo un problema al momento de abrir el modal arroja un error no me reconoce la clase modal--show alguien sabe porque sucede esto??

  • @alanerik4153
    @alanerik4153 2 ปีที่แล้ว

    Gran video, y para tener mas dd un modal?
    Saludos.

  • @kotomatsukami6964
    @kotomatsukami6964 3 ปีที่แล้ว

    Bro, te agradecería si hicieras ese modal con un crud. Por ejemplo en el crud visualizar una bd y al momento de insertar un nuevo registro que se abra ese tipo de modal. 😅

  • @rbenx_c
    @rbenx_c ปีที่แล้ว

    y cómo seria para cerrar el modal haciendo click fuera del modal? 🤔

  • @rturito0013
    @rturito0013 3 ปีที่แล้ว

    Que libro de CSS recomiendas?

  • @soyjlc86
    @soyjlc86 ปีที่แล้ว

    parce buenas y gracias por compartir esto con todos, tengo una inquietud, hice todo el ejercicio y bien hasta que cierro el modal, resulta que el video se sigue reproduciendo en segundo plano y toca volver a abrir el modal par pausarlo y ps eso es una mala experiencia.
    Cómo hago para que al presionar la equis de cerrar se pause el video? y muchas gracias, ya estoy haciendo tu curso de udemy que energía

  • @arturo8883
    @arturo8883 2 ปีที่แล้ว

    Hola, cómo puedo tener varios nodal con varios botones

  • @diofaro
    @diofaro 2 ปีที่แล้ว

    IMPECABLE !

  • @EnglishImmersionProgram
    @EnglishImmersionProgram 9 หลายเดือนก่อน

    Muy duro

  • @brayanrestrepoisaza708
    @brayanrestrepoisaza708 9 หลายเดือนก่อน

    excelente

  • @newentu
    @newentu ปีที่แล้ว

    Excelente tutorial, pero como hago si tengo mas de un boton para que me ejecute el mismo modal pero con cada uno de los botones diferentes?

    • @JacRomeo
      @JacRomeo ปีที่แล้ว +1

      Creo que debes crear otros addEventListenner, para cada botón y llamas al modal

    • @newentu
      @newentu ปีที่แล้ว

      gracias@@JacRomeo

  • @romuloalves9349
    @romuloalves9349 3 ปีที่แล้ว

    Ótimo vídeo parabéns 👍 mais se for múltiplos modals como faço.

  • @alejandrodanielvaldezgrecc2530
    @alejandrodanielvaldezgrecc2530 2 ปีที่แล้ว

    geniooo

  • @javiergarcia-vs3lr
    @javiergarcia-vs3lr 2 ปีที่แล้ว +1

    Alguien ha intentado hacer que se cierre el modal pulsando fuera del modal (en la parte gris) una vez abierto ?, si me pueden pasar el script

    • @germanmusic2967
      @germanmusic2967 2 ปีที่แล้ว

      Tendrias que agregar un addEventListener de click al elemento background del modal, y que ejecute la función closeModal!

  • @Picachu56
    @Picachu56 3 ปีที่แล้ว

    Es lo que andaba buscando eh creado bastantes pero del modo que las hago no me gusta el resultado