Breaking News: Grepper is joining You.com. Read the official announcement!

how to create modal popup in javascript

Add Answer

Undefined answered on January 29, 2022 Popularity 10/10 Helpfulness 2/10

answer how to create modal popup in javascript

related modal show using js

related javascript custom modal

related modal javascript

how to create modal popup in javascript

Comment

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
  Swal.fire(
  'Good job!',
  'You clicked the button!',
  'success'
)
</script>

Popularity 10/10 Helpfulness 2/10 Language html

Source: sweetalert2.github.io

Tags: html javascript modal-popup

Link to this answer
Share Copy Link

Contributed on Jan 29 2022

Undefined

0 Answers Avg Quality 2/10

Closely Related Answers

modal show using js

Comment

 $('#ViewProfileModal').modal('show');

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Aug 10 2022

faheem

0 Answers Avg Quality 2/10

javascript custom modal

Comment

Swal.fire({
  icon: 'error',
  title: 'Oops...',
  text: 'Something went wrong!',
  footer: '<a href="">Why do I have this issue?</a>'
})

this is javascript cdn put this code in your html body section ending the body section 
<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: sweetalert2.github.io

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Feb 24 2022

Emranul Farhad

0 Answers Avg Quality 2/10

modal javascript

Comment

const modalGallery = (id) => {
    let modal = $('#modal-gallery-before-after');
    let popup = modal.querySelector('.popup');
    let compare__item = $(`.compare__item-${id}`);
    let popupWrap = modal.querySelector(".popup__wrap");
    let popupItems = modal.querySelector(".popup__item");
    let modal_gallery_item = $(".modal-gallery-item");
    let item__image = compare__item.querySelector('.modal-image').innerHTML;
    let item__title = compare__item.querySelector('.modal-title').innerHTML;
    let modalItem = `<div id="modal__item-${id}" class="modal__item">
    <div class="modal__image">${item__image}</div>
    <div class="modal__title">${item__title}</div>
    </div>`;
    popupItems.setAttribute('data-popup', `${id}`);
    modal_gallery_item.innerHTML = modalItem;
    popup.style.display = "block !important";
    $(`.popup__item[data-popup="${id}"]`).classList.add("show_data");
    popupWrap.classList = `popup__wrap popup__wrap--${id}`;
    setTimeout(() => {
        popup.classList.add("show_data");
    }, 10);
}

const closeModal = () => {
   let modal = $('#modal-gallery-before-after');
   let popup = modal.querySelector('.popup');
   let popupWrap = modal.querySelector(".popup__wrap");
   popup.classList.remove("show_data");
   setTimeout(() => {
    popup.style.display = "";
    popupWrap.classList = `popup__wrap`;
}, 500);
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jul 25 2022

pho dev

0 Answers Avg Quality 2/10

how to create modal popup in javascript

Contents

More Related Answers

how to create modal popup in javascript

Closely Related Answers

modal show using js

javascript custom modal

modal javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.