Setup input fields\elements that have their title as content. Much like the HTML5 placeholder functionality - but jQuery powered.
- If content empty - reset to title
- If content not empty - leave it untouched
- If content is title, on focus - empty the field
Additional features:
- Setup multiple elements at once
- Adds a class when the title is displayed. For example for displaying the title in a different color.
- Works for
<input>,<select>,<textarea>and maybe others - If the title attribute is used, the browser automatically displays a tooltip for it on hover.
- jQuery
Html
<input title="search..."/>
<input title="type here..."/>Javascript
$("input").contentTitle()$(selector).contentTitle({
optionName: optionValue, ...
})
| optionName | description | default value |
|---|---|---|
| title_attribute | use this attribute to set the content title | "title" |
| title | use this text as content title | false |
| title_selector | selector to get the content title from html element content | false |
| title_class | class to be used if the content title is displayed | "contentTitle" |
GPL version 3 or later