IE9 support for placeholder text
Posted: Thu Jul 04, 2013 2:10 am
Mmmm.. not sure where I should post this but if you use IE9 the placeholder property on inputs is not supported.
We have the instant response search box on the main page which can be confusing in IE9 (default browser) as it does not give the helpful 'Just type and find the answers ...' (see attached image).
To get around this I saved placeholders.min.js (http://jamesallardice.github.io/Placeholders.js/) to assets/js/ and in the index.tpl file I added an IE conditional comment to require the .js file if IE is 9 or less (I am not sure how IE 10 supports placeholders) as most other browsers support this property.
/assets/template/default/index.tpl line 171
Save and your good to go!
We have the instant response search box on the main page which can be confusing in IE9 (default browser) as it does not give the helpful 'Just type and find the answers ...' (see attached image).
To get around this I saved placeholders.min.js (http://jamesallardice.github.io/Placeholders.js/) to assets/js/ and in the index.tpl file I added an IE conditional comment to require the .js file if IE is 9 or less (I am not sure how IE 10 supports placeholders) as most other browsers support this property.
/assets/template/default/index.tpl line 171
Code: Select all
<!--[if lte IE 9]>
<script src="assets/js/Placeholders.min.js"></script>
<![endif]-->
</body>
</html>