Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

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

branch: master

Merge pull request #10 from servel333/patch-1

Fixed a typo in the CSS file.
latest commit 37e078e512
Michał Kowalkowski authored September 23, 2013
Octocat-spinner-32 examples CSS update November 26, 2012
Octocat-spinner-32 README.md Updated README October 23, 2012
Octocat-spinner-32 cssConsole.css Fixed a typo in the CSS file. September 23, 2013
Octocat-spinner-32 cssConsole.js Fixed reset problem October 30, 2012
Octocat-spinner-32 cssConsole.min.js Fixed reset problem October 30, 2012
README.md

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

Something went wrong with that request. Please try again.