Home AJAX Modal Accordion fillComboBox

TMJRock - Modal Component

The TMJRock Modal is a highly configurable, animated popup engine. It features built-in backdrop blurring, custom sizing, dynamic headers and footers, and a complete set of JavaScript lifecycle hooks—all configured declaratively via HTML attributes.

Example 1: The Login Modal

A clean, centered modal with a custom size, header, footer, and form content.

<div id="loginModal" style="display:none"
     forModal="true"
     size="300x250"
     header="Account Login"
     footer="&copy; 2026 Your Company"
     closeButton="true">
  ... form content ...
</div>

Example 2: Lifecycle Hooks & Custom Colors

This modal demonstrates the beforeOpening and beforeClosing hooks. Try to close it, and notice how it asks for confirmation first!

Status: Waiting for action...
<div id="basicModal" style="display:none" forModal="true"
     modalBackgroundColor="#f0f8ff"
     beforeOpening="abBeforeOpening()"
     beforeClosing="abBeforeClosing()"
     afterClosing="abClosed()">
  ... content ...
</div>