Home AJAX Modal Accordion fillComboBox

TMJRock

A lightweight, declarative, dependency-free JavaScript and UI utility library.

Quick Start

<!-- Include TMJRock in your HTML -->
<link rel="stylesheet" href="src/tmjrock.css">
<script src="src/tmjrock.js"></script>

<!-- Initialize the framework -->
<script>
  window.addEventListener('load', function() {
    $$$.initFramework();
  });
</script>

Interactive Components & Examples

$$$.ajax

A robust wrapper for XMLHttpRequest handling GET/POST requests, Query Strings, and JSON payloads with simple success/failure callbacks.

Declarative Modals

Fully animated, centered modal dialogs configured entirely via HTML attributes. Features backdrop blurring and JS lifecycle hooks.

Accordions

Automatically convert standard HTML headings and divisions into interactive, smoothly toggling accordion panels.

fillComboBox

A data-binding utility that instantly maps JSON arrays (like those fetched from a database) into HTML dropdown select options.

Frequently Asked Questions

What is TMJRock?

TMJRock is a custom-built JavaScript framework designed to simplify complex DOM manipulation, state management, and asynchronous network requests without relying on heavy external dependencies like jQuery.

Why was this built?

This library was developed from scratch as an architectural learning exercise to deeply understand core JavaScript concepts, including the Event Loop, XMLHttpRequest, Closures, and dynamic DOM parsing.

How does the UI rendering work?

TMJRock uses a declarative approach. Instead of writing JavaScript to initialize components, developers simply add custom attributes (like accordian='true' or forModal='true') directly into their HTML. The TMJRock engine scans the DOM on load and automatically wires up the necessary event listeners and CSS behaviors.