cssConsole

cssConsole is a jquery plugin that allows you to transform DOM element into console/terminal like input.

Browser Support

cssConsole has been tested and should work in

• Internet Explorer 6+
• Safari
• Firefox
• Chrome
• Opera

Examples

You can find some examples here.

Usage

Include cssConsole and its stylesheet on your page before the </body> tag

<link href="cssConsole.min.css" type="text/css" rel="stylesheet">
<script src="/path/to/cssConsole.min.js"></script>

Then just add it to one of DOMs elements

<script>
$('#elementsID').cssConsole();
</script>

API

Settable Options

Option	Description	Data Type	Default
type	Type of the input box (supports: 'text', 'password')	string	'text'
inputId	If provided, sets the id for the input element	string	null
inputName	If provided, sets the name for the input element	string	null
inputValue	If provided, sets the value for the input element	string	null
blinkingInterval	Sets blinking interval (in milliseconds) for the caret	integer	500
preventEnter	If true, prevents default action on pressing Enter key	boolean	true
charLimit	Sets limit of characters in the input (0 = no limit)	integer	0
onEnter	Sets function to be executed on pressing Enter key	function	function (){ }

Methods

Method	Description
reset	Resets value of the input field
destroy	Removes plugin functionality

License

cssConsole plugin is released under MIT license.

Credits

cssConsole plugin was created by Michał Kowalkowski. You can contact me at kowalkowski.michal@gmail.com