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

modal show using js

Add Answer

faheem answered on January 29, 2022 Popularity 10/10 Helpfulness 5/10

answer modal show using js

related how to create modal popup in javascript

related modal javascript

modal show using js

Comment

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

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: javascript show using

Link to this answer
Share Copy Link

Contributed on Aug 10 2022

faheem

0 Answers Avg Quality 2/10

Closely Related Answers

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

Link to this answer
Share Copy Link

Contributed on Jan 29 2022

jub0t

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

modal show using js

Contents

More Related Answers

modal show using js

Closely Related Answers

how to create modal popup in javascript

modal javascript

Grepper

Documentation

Social

Legal

Contact

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