DEV Community

loading...

Pure Javascript Multiple Modals on a Page - Simplest

manish srivastava
Director & CEO, GDP CHURN (P) Ltd. Loves coding . Supports open source by funding.
・1 min read

I wanted to use pure javascript for creating many modals on same page.And here is codepen :)

Discussion (7)

Collapse
shadowtime2000 profile image
shadowtime2000

Try modifying it and publish it as a library.

Collapse
manishfoodtechs profile image
manish srivastava Author • Edited

It is pure dead simple. Let it keep be as simple it is... no library.... only pure css and js. Anyway, thanks for good suggestion

Collapse
shane profile image
shane

I respect this mentality more than I can express with words

Collapse
jackttcoms profile image
jackdev

hi how would i incorporate the escape key? thannks

Collapse
manishfoodtechs profile image
manish srivastava Author

var KEYCODE_ESC = 27;

$(document).keyup(function(e) {
if (e.keyCode == KEYCODE_ESC) $('.cancel').click();
});

Collapse
jackttcoms profile image
jackdev

ooo thanks. is it possible in vanilla javascript? thanks so much.

Thread Thread
realto619 profile image
Paul Leech

I converted it to vanilla JS here: codepen.io/Realto619/pen/ZEyWjKm