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

Поділитися
Вставка
  • Опубліковано 8 лис 2024

КОМЕНТАРІ • 48

  • @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 Рік тому +1

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

  • @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

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 3 роки тому +1

    Gracias por ir subiendo este material

  • @leomax522
    @leomax522 Рік тому

    Espectacular explicación Alex. Muchas gracias.

  • @armandogonzalez8204
    @armandogonzalez8204 2 місяці тому

    Muchas Gracias por el contenido. Muy bien explicado.

  • @christs3117
    @christs3117 Рік тому

    Muchas gracias, excelente video. Me saco de un apuro

  • @hanton08
    @hanton08 2 роки тому

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

  • @fedemedran
    @fedemedran 3 роки тому

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

  • @geovannygonzalez8379
    @geovannygonzalez8379 3 роки тому +1

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

  • @carlosdanielerazo1794
    @carlosdanielerazo1794 Рік тому

    Excelente contenido, GRACIAS!!!!

  • @GreivyHernández
    @GreivyHernández Рік тому

    Increíble video, muchas gracias!

  • @gastonbarrera4164
    @gastonbarrera4164 11 місяців тому

    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

  • @francaguirre2943
    @francaguirre2943 Рік тому

    Eres un Crack estimado :)

  • @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

  • @criadordeperroslostresdona9695
    @criadordeperroslostresdona9695 2 роки тому

    eres un grande en esto gracias por impartir enseñanza

  • @chukytoyt2513
    @chukytoyt2513 Рік тому

    Explicación magistral bro , muchas gracias

  • @alanerik4153
    @alanerik4153 2 роки тому

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

  • @alejoprivera
    @alejoprivera 2 роки тому

    Excelente video!!!

  • @amvl7121
    @amvl7121 3 роки тому

    Gracias por el contenido, ayuda bastante

  • @willyvaldez479
    @willyvaldez479 3 роки тому

    Muy buen contenido gracias hermano lluvias de bendiciones

  • @eduardflores8420
    @eduardflores8420 Рік тому

    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

  • @ithielragnaros
    @ithielragnaros 2 роки тому

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

  • @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. 😅

  • @brayanrestrepoisaza708
    @brayanrestrepoisaza708 7 місяців тому

    excelente

  • @angeldavidc2132
    @angeldavidc2132 11 місяців тому

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

  • @diofaro
    @diofaro 2 роки тому

    IMPECABLE !

  • @rturito0013
    @rturito0013 3 роки тому

    Que libro de CSS recomiendas?

  • @EnglishImmersionProgram
    @EnglishImmersionProgram 6 місяців тому

    Muy duro

  • @sebastian-iu1ke
    @sebastian-iu1ke 11 місяців тому

    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??

  • @jhonatanrojasrincon5230
    @jhonatanrojasrincon5230 Рік тому

    Buen video 😄

  • @alejandrodanielvaldezgrecc2530
    @alejandrodanielvaldezgrecc2530 2 роки тому

    geniooo

  • @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 11 місяців тому +1

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

    • @newentu
      @newentu 11 місяців тому

      gracias@@JacRomeo

  • @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

  • @romuloalves9349
    @romuloalves9349 3 роки тому

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

  • @deivi3697
    @deivi3697 2 роки тому

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

  • @arturo8883
    @arturo8883 2 роки тому

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

  • @ivancahuaya7747
    @ivancahuaya7747 Рік тому +2

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

  • @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 8 місяців тому

      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

  • @rbenx_c
    @rbenx_c Рік тому

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

  • @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