Create a Modal (Popup) with HTML/CSS and JavaScript

Create a Modal (Popup) with HTML/CSS and JavaScript

Florin Pop

4 года назад

139,641 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@PsychoDude
@PsychoDude - 29.01.2022 21:57

wtf I have everything exactly like you, rewatched 3 times and it does not work

Ответить
@aramartin2804
@aramartin2804 - 07.02.2022 07:12

Is it possible that when you click the close me button, it will lead you to next webpage?

Ответить
@olanitoritobi5107
@olanitoritobi5107 - 14.02.2022 07:48

mine doesn't work please help! the button does nothing!

Ответить
@chiragjain4137
@chiragjain4137 - 18.02.2022 20:08

I was really struggling with creating a Modal of my own. I was tangled in min-height, max-height. Could not even center the Wrapper div. Great video. Position fixed made a perspective a little clearer. Thank You.❤

Ответить
@bipashamazumder1884
@bipashamazumder1884 - 03.03.2022 07:39

Wow learnt too many things in just 10 mins🙂 thank you sir

Ответить
@sanasamir7129
@sanasamir7129 - 03.03.2022 20:27

Love the video. Thank you.

Ответить
@tenc6491
@tenc6491 - 08.03.2022 04:33

I am glad to have found your page coz I get to learn awesome stuffs with your easy-to-comprehend-tutorials.
You're really good. Thanks for sharing such wonderful tutorials.

Ответить
@KirkMitchelllelouprouge
@KirkMitchelllelouprouge - 23.03.2022 17:10

This is one of the best modal tutorials I've tried and the first one to actually help me implement it into my site! Thank you!

Ответить
@augischadiegils.5109
@augischadiegils.5109 - 24.03.2022 13:04

thanks

Ответить
@wldnmaulanaaa
@wldnmaulanaaa - 16.04.2022 17:35

give me the code please

Ответить
@deivi3697
@deivi3697 - 18.04.2022 14:14

How i do it with SessionStorage y localStorage?

Ответить
@stefanpfadt4353
@stefanpfadt4353 - 02.05.2022 00:29

WOW! can i make the popup only appear when a specific user clicks on it, e.g. guest?

Ответить
@Andrei-gd1wx
@Andrei-gd1wx - 09.05.2022 20:31

I love you Dl. Florin

Ответить
@Vipeeri
@Vipeeri - 11.05.2022 13:46

What if I need 1000x modals? Then I'd have quite many unnecessary layers of js running on a website. Isn't there any way of creating the modals dynamically?

Ответить
@xeztonic
@xeztonic - 18.05.2022 00:42

LOVE YOU <3

Ответить
@azizovabubakr812
@azizovabubakr812 - 27.05.2022 19:35

?????????????????

Ответить
@tejasparse9053
@tejasparse9053 - 02.06.2022 14:27

Why not make display none instead of switching opacities?

Ответить
@rasmusmoto7668
@rasmusmoto7668 - 06.06.2022 13:05

cant close the model, the button is unclickable. tried cahnging the z.index nothing work

Ответить
@ariankheradmand4947
@ariankheradmand4947 - 13.06.2022 12:00

Thank you so much <3

Ответить
@blabberq
@blabberq - 14.06.2022 20:34

That was what I need, thank you :)

Ответить
@kbhargavi4400
@kbhargavi4400 - 30.06.2022 09:41

superb explaination ! Simple n easy ! Learnt a lot in short time . Thank you florin .

Ответить
@aswinm459
@aswinm459 - 08.07.2022 12:53

nice video

Ответить
@cosy5112
@cosy5112 - 12.07.2022 21:54

Thank you, super easy to follow!

Ответить
@alvarocampos1495
@alvarocampos1495 - 23.07.2022 17:34

Very nice

Ответить
@skysmeller
@skysmeller - 30.07.2022 15:28

Damn, man TY very much! U saved me ^^

Ответить
@ponspons4345
@ponspons4345 - 01.08.2022 14:48

Could you share me files?

Ответить
@chandranvutukuri5047
@chandranvutukuri5047 - 26.08.2022 17:20

where is the source code for this modal

Ответить
@lillianho6613
@lillianho6613 - 02.09.2022 01:52

Hi Florin, thank you for the tutorial! I'm pretty new to HTML/CSS/JS and wanted to implement an info button that would create a modal popup when clicked upon. For some reason, when I click the button, the background becomes darker but the modal doesn't show for some reason. I tried following along on a fresh project with nothing else on it, and I was able to make the modal appear when copying and pasting the code I wrote on the previous project. Do you have any idea why this might be occurring?

Ответить
@DevHasan
@DevHasan - 14.09.2022 18:14

awesome

Ответить
@icrmsoftware59
@icrmsoftware59 - 23.10.2022 02:49

Thank you

Ответить
@willnovan6373
@willnovan6373 - 19.11.2022 21:32

for everyone that is asking why the button can't click nor open the modal, i wanna know if u guys r using <script></script> or no. if yes then u have to place it in <body> not in <head>. it works for me.

Ответить
@aymdatenth1796
@aymdatenth1796 - 14.12.2022 11:29

thank you it helped me <3

Ответить
@dikshyantauprety4020
@dikshyantauprety4020 - 20.12.2022 14:01

Thank you so much..

Ответить
@AgniVibes
@AgniVibes - 09.01.2023 07:44

excelent tutorial bro, m ai scos din belea! XD
o singura rugaminte as avea daca se poate sa ti egalezi levelul (dB) al muzicii cu cel al vocii pe final ptr ca diferenta de volum e uriasa.... am sarit din scaun! lol
Merci inca o data! 👍👍👍

Ответить
@Uzakoff_u
@Uzakoff_u - 29.01.2023 11:23

🔥🔥

Ответить
@hemantnimble8442
@hemantnimble8442 - 08.03.2023 17:00

Thanks a lot!
I was struggling with popup modal you gave me the basic idea to execute what i was planning , It helped me a lot

Ответить
@arantube8211
@arantube8211 - 09.06.2023 19:22

What name of code editor used

Ответить
@KanekiSidibe
@KanekiSidibe - 25.08.2023 20:13

Well explained thanks!

Ответить
@Kreytonchild
@Kreytonchild - 02.09.2023 20:35

awesome! thank you so much!

Ответить
@emmanuelphillip5856
@emmanuelphillip5856 - 03.12.2023 02:04

Thank you. How do i get the modal to open automatically when the index of a site is accessed?

Ответить
@OyiboVFX
@OyiboVFX - 23.02.2024 17:10

Struggling with modals. But yours works fine. Thanks

Ответить
@SocialIntrovert29
@SocialIntrovert29 - 27.03.2024 08:21

Taking a front end class in masters, you just saved my assignment. deserve a subscribe. :)

Ответить
@kojoarhin8634
@kojoarhin8634 - 12.04.2024 21:17

Appreciate you
Helped me solve an issue

Ответить
@Babboon64
@Babboon64 - 16.05.2024 18:45

@

Ответить
@jafartouzeau2461
@jafartouzeau2461 - 25.05.2024 20:37

Thank you so much that was very helpful !

Ответить
@nafisfuad7965
@nafisfuad7965 - 23.09.2024 22:42

Taking a front end class, you just saved my assignment. deserve a subscribe. :)

Ответить
@HaifengZhu-pn3uq
@HaifengZhu-pn3uq - 29.01.2025 15:56

your explanation is very clear

Ответить
@ptcfast1768
@ptcfast1768 - 17.02.2025 04:47

Really well structured and explained! Thank you.

Ответить
@gamingvideos178
@gamingvideos178 - 24.02.2025 16:56

thanks for this great and easy concept.

Ответить