JSDoc: Class: Modal

Constructor

Source:

wtc-modal-view.js, line 17

Example

const myModal = new Modal();
const triggerButton = document.querySelector('trigger');

myModal.optionalClass = "modal--myModal";
myModal.content = '<p>Some sample content!</p>';
myModal.focusOnClose = triggerButton;

triggerButton.addEventListener('click', () => {
  myModal.open();
});

Members

(static) hash

Get current url hash

Source:

wtc-modal-view.js, line 150

closeButtonContent

Sets the content of the close button, useful for localizing.
Setter. Usage: modalInstance.closeButtonContent = "<String of HTML!>"

Source:

wtc-modal-view.js, line 361

content

Sets the content of the modal.
Setter. Usage: modalInstance.content = MyHTMLElement

Source:

wtc-modal-view.js, line 382

focusOnClose

Gets the element that will be focused when the modal closes

Source:

wtc-modal-view.js, line 242

focusOnClose

Sets the element that will be focused when the modal closes.
Setter. Usage: modalInstance.focusOnClose = myElement

Source:

wtc-modal-view.js, line 252

onClose

Get the function that is called when the modal closes

Source:

wtc-modal-view.js, line 288

onClose

Sets the function that is called when the modal closes.
Setter. Usage: modalInstance.onClose = myFunction

Source:

wtc-modal-view.js, line 298

onCloseStart

Get the function that is called just before the modal closes

Source:

wtc-modal-view.js, line 308

onCloseStart

Sets the function that is called just before the modal closes. If this is set, when modalInstance.close()is called it will run the set function with a callback. It will then wait for that callback to be run before completing the close function and calling onClose. Setter. Usage: modalInstance.onClose = (cb) => { // do some animation cb();
}

modalInstance.close(); `

Source: