Scott Humphrey Comments - Answer Overflow

// Select all modal trigger buttons
const modalTriggerButtons = document.querySelectorAll('.resource-ci .resource-card_form-trigger');

// Add click event listener to each button
modalTriggerButtons.forEach((button) => {
  button.addEventListener('click', () => {
    // Retrieve the ID of the modal to open
    const modalId = button.getAttribute('data-modal');

    // Select the modal with the matching ID that is a child of the same parent element as the button
    const parentItem = button.closest('.resource-ci');
    const modal = parentItem.querySelector(#${modalId});

    // Open the selected modal
    modal.classList.add('is-open');
  });
})

17 replies

WBWeb Bae

•Created by Scott Humphrey on 3/16/2023 in #❓︱questions

Attributes 'Copy to Clipboard' not woking on Collection list.

unfortunately that didn't seem to work. Having trouble with this one, I've added a gated card too that pops up a form which is placed inside the CMS item but when clicking it opens all forms for for each item. Taking a break from it and will tackle it fresh again later or tomorrow. Thanks for any advice in the meantime.

17 replies

WBWeb Bae

•Created by Scott Humphrey on 3/16/2023 in #❓︱questions

Attributes 'Copy to Clipboard' not woking on Collection list.

17 replies

Gaming

Programming