Support for HTML 5 placeholder attribute

Jim Coyne
Kilo Patron

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:

find_real_file.png

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.

1 ACCEPTED SOLUTION

Jim Coyne
Kilo Patron

Just setting this answer as correct as the actual thread was not meant as a question and it cannot be changed because it came from the original Community site.


View solution in original post

44 REPLIES 44

You still have it running on the Catalog Item table.   Instead of a "normal" Client Script, go to your Catalog Item and there should be a Client Scripts related list on the form.   If not, you'll have to add it.   Then create a new onLoad Catalog Client Script:


find_real_file.png


I'm with ya now! I always forget about the catalog client scripts vs. the catalog item client scripts! Still learning how much I don't know



You mean this guy; which I will add as a related list, right?


2016-02-08 11_08_47-WESCODEV - ServiceNOW.png


Correct


That did it! Thanks for the quick reply's and help with this one jim.coyne!


You are welcome.   I'm glad that worked out.