jQuery: The Write Less, Do More JavaScript Library

jQuery.inject

A growing collection of modular components for reuse by developers. Modules are injected via runtime script and style injection.

Sample Modules

com.aquameta.validation.emailInput

com.aquameta.validation.emailInput

com.aquameta.validation.emailInput

Installing Modules

The modules are in a subversion repository:

http://

Invoking a module

Modules can be invoked on any page, with a bit of code in the page init, after onload.

// point to the module repository
$.inject_repository ('http://www.somesite.com/modules/');
// simple injection
$('#email').inject ('com.aquameta.validation.emailInput');
// injection with arguments
$('.email').inject ('com.aquameta.validation.emailInput',
  { invalidColor: '#fcc' }
);

Module Directory Structure

A module is a collection of resources (CSS, Javascript, HTML fragments, REST interfaces, etc.)

modulebase/
  com/aquameta/validation/emailInput/boot.js - module boot
  com/aquameta/validation/emailInput/emailInput.css - a css resource
  com/aquameta/validation/emailInput/emailInput.ihtml - an HTML code block
  com/aquameta/validation/emailInput/emailInput.php - a server-side REST service that validates
  ...

boot.js

The bootup script that initializes the module.

// sample boot script