IE9 and Prior Placeholder Text

[fumblepigskin]

Hi-

As you may know, IE9 and prior does not support placeholder text in inputs or textareas. Well, someone developed a solution, which I have been able to get to work a number of times on other wordpress installations, but I can’t seem to get it to work with Flexform.

https://github.com/mathiasbynens/jquery-placeholder
It is easy to do, but I can’t seem to get it to work. Can you help? Thanks!

[fumblepigskin]

This reply has been marked as private.

[fumblepigskin]

Okay, so I got it to work. But this is not a good solution. I had to paste all of the following under my tracking code in the Theme Options. I am not sure why, but I have to reload jquery to make this work.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="wp-content/themes/flexform/js/jquery.placeholder.js"></script>
		<script type="text/javascript">
$( document ).ready(function() {
alert( "This is an alert test" );
$('input, textarea').placeholder();
});
</script>

[fumblepigskin]

Okay, found a better solution.

http://jamesallardice.github.io/Placeholders.js/

added that file and included the following below my google tracking code
<script type="text/javascript" src="wp-content/themes/flexform-child/js/placeholder.js"></script>

Since the flexform theme features forms without labels (subscribe dropdown in the top menu on your demo site) you might consider including either this fix, or something else to ensure IE9 and prior users can see placeholder labels.

cheers

[Melanie – SUPPORT]

Thanks for the heads up, I’ll let the developer know about this to consider!