AcroGrow.js

A jQuery plug-in that makes (non)sense of internet acronyms.

http://acrogrowjs.com

Features

• Replaces acronyms within specified elements with random nonsense words OR actual definitions.
• Define custom acronyms list & associated definitions.
• Separate name-spaced CSS file for easy customization & debugging.

Getting Started

1. Include the AcroGrow CSS
2. Include jQuery
3. Include acrogrow.randomWords.js (optional)
4. Include acrogrow.js
5. Call acroGrow() when the document is ready

For example:

Head area of document

<link rel="stylesheet" href="path/to/jQuery.AcroGrow.css"> 

Body area of document

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="path/to/jQuery.AcroGrow.js"></script> <script> 	$(document).ready(function() { 		$('.foo').acroGrow(); 	}); </script> 

To see more examples of usage, visit the project page.

How it Works

AcroGrow evaluates each specified element and wraps each acronym match in a <span class="ag-swap">…</span>. After the initial identification stage, the wrapped matches are either replaced with their proper definitions, or dynamically replaced with randomly generated replacements depending on the options set.

Author

Mike Zarandona | http://mikezarandona.com