I've created a function to add support for the HTML placeholder attribute. You can use it to include some extra helpful text in input fields:
It's real simple to use - just include a call to the function in an onLoad script with the name of the field/variable and the text you want displayed:
u_addPlaceholderAttribute('short_description', 'Enter a short description of the problem');
I've tested it in Chrome, Firefox and Opera on Windows 7 and it works. Of course it does not work in current version of IE, but it does work in the upcoming IE 10.
Here's the script:
function u_addPlaceholderAttribute(variableName, hint) {
try{
var fieldName = g_form.getControl(variableName).name.toString();
if (Prototype.Browser.IE) {
fieldName.placeholder = hint;
} else {
$(fieldName).writeAttribute('placeholder', hint);
}
} catch(err) {}
}
I've also attached it as an XML export of the function - just remove the ".txt" extension and import it into your instance.
It actually does as is. Here's a screenshot of an Incident form:
And on a Catalog Item:
The trick is to use the full name of the input control for the reference field, like so - "sys_display.table_name.field_name" (e.g. sys_display.incident.caller_id).
For Catalog Variables, it's a little different - "sys_display.IO:sys_id_of_the_variable" (e.g. sys_display.IO:2a3947a10a0a020e007f12648f8790c0).
You can use your browsers "Inspect" or "Inspect element" function to get the proper names.
