CoursePress pop-up Sign up form - empty placeholders

Is there a minimum browser version for CoursePress Pro? Our IE8 users see empty fields for every field on the popup "Sign Up" form after clicking on the "Signup!" button. The placeholder text is completely missing.

  • team9
    • Flash Drive

    Thanks for that reply we're already trying to add a similar fix but since the effected area is loaded via ajax via a popup this does not work. I've added https://github.com/ginader/HTML5-placeholder-polyfill which is similar to your suggestion but still does not work as expected in this situation. I've not looked in to how to run javascript after an ajax form load in wordpress.

    I've temporarily added <label> tags to the popup-window-signup.php file but a more permanent fix would be better as we're trying to run a course with this plugin with many users no able to access newer browsers.

  • Ash
    • WordPress Hacker

    Hello @team9

    I hope you are well today.

    Please add the following code at your footer.php:

    <script type="text/javascript">
    function placeholderIsSupported() {
        var test = document.createElement('input');
        return ('placeholder' in test);
    }
    jQuery(function($) {
    	if( placeholderIsSupported() == false ) {
    		$('.apply-button.signup').click(function() {
    			var applyPlaceholder = setInterval(function() {
    				if( $('#popup_signup_form').length ){
    					$('#popup_signup_form input[placeholder]').each(function() {
    						var val = $(this).attr('placeholder');
    						$(this).val(val);
    						$(this).click(function() {
    							if( $(this).val() == val ) $(this).val('');
    						});
    						$(this).blur(function() {
    							if( $(this).val() == '' ) $(this).val(val);
    						});
    					});
    					clearInterval(applyPlaceholder);
    				}
    			}, 500);
    		});
    	}
    });
    </script>

    This highly recommended to use a child theme in this case, as the changes will be lost when you will update the theme. You can learn more about child theme here: http://codex.wordpress.org/Child_Themes

    Hope it helps :slight_smile: Please feel free to ask more question if you have any.

    Cheers
    Ash

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.