WordPress.org

Forums

Contact Form 7
[resolved] Internet Explorer 7 and 8 Watermark Text (17 posts)

  1. 5ivefold
    Member
    Posted 2 years ago #

    Contact form 7 v3.4

    I ran a browser test and noticed the placeholder/watermark text is not showing in IE7 and IE8. It shows for all other browser tests.

    http://wordpress.org/extend/plugins/contact-form-7/

  2. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    Can you share the URL?

  3. 5ivefold
    Member
    Posted 2 years ago #

  4. Takayuki Miyoshi
    Member
    Plugin Author

    Posted 2 years ago #

    As IE7 and IE8 don't support HTML5 placeholder, the fallback javascript (watermark) should work, but seemingly it isn't working correctly. I'm inspecting it.

  5. 5ivefold
    Member
    Posted 2 years ago #

    Hi do you have an update on the issue?

  6. tinkerbelle99
    Member
    Posted 2 years ago #

    Just ran into this issue too, hoping for a quick solution!

  7. idmTeam
    Member
    Posted 2 years ago #

    Had a call this morning that form field watermarks weren't working on our site in IE. Don't know which version, haven't been able to replicate thus far. I assume this is the same problem... any updates?

  8. kitopazzo
    Member
    Posted 2 years ago #

    Hello, i'm also seekink for an update on this issue?
    Hope someone has a quick solution.

  9. colinpeddle
    Member
    Posted 2 years ago #

    Also having the same issue. I believe it worked fine in IE till the recent update to 3.4. Another site I use it on, is still on Contact Form 7 version 3.1 and it works A-OK in Windows IE.

    Works in Windows Firefox, OS X Firefox, Safari and Chrome, but not IE.

  10. colinpeddle
    Member
    Posted 2 years ago #

    If this helps, comparing that previous version's css to the current, it appears that the 3.1 version isn't adding the watermark to the class field of the input box.

    previous version:
    class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required wpcf7-use-title-as-watermark watermark"

    current version:
    class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required"

    And rolling back to that previous version of 3.1 has the watermarks working perfectly in IE again.

  11. 5ivefold
    Member
    Posted 2 years ago #

    Hi which file are you editing? Thanks.

  12. colinpeddle
    Member
    Posted 2 years ago #

    I ended up rolling back to 3.1.

  13. 5ivefold
    Member
    Posted 2 years ago #

    Hi Takayuki,

    Could you please get this error fixed. It looks like it does have to do with the new placeholder code for HTML5 and seems to be in the script.js file.

    Thanks!

  14. SimonMacFadyen
    Member
    Posted 2 years ago #

    I used a conditional IE.js file to execute the below code:

    $(function () {
        //Assign to those input elements that have 'placeholder' attribute
        $('input[placeholder]').each(function(){
            var input = $(this);
            $(input).val(input.attr('placeholder'));
    
            $(input).focus(function(){
                if (input.val() == input.attr('placeholder')) {
                   input.val('');
                }
            });
    
            $(input).blur(function(){
               if (input.val() == '' || input.val() == input.attr('placeholder')) {
                   input.val(input.attr('placeholder'));
               }
            });
        });
    });

    Make sure you include the code AFTER jQuery, so if you're loading your scripts in your footer, place your conditional IE statement after wp_footer();

    <?php wp_footer(); ?>
    
    <!--[if lt IE 9]>
        <script src="<?php bloginfo('template_url');?>/assets/js/IE.js"></script>
    <![endif]-->
  15. mgordon832
    Member
    Posted 1 year ago #

    Hello SimonMacFadyen, thank you for posting your resolution. It helped me a great deal!

  16. cameleonsg
    Member
    Posted 1 year ago #

    Internet Explorer 7 and 8 Watermark Text missing

    I still have same problems today, i have WORDPRESS 3.7.1 and CONTACT FORM 3.5.4 !!!

  17. esmi
    Forum Moderator
    Posted 1 year ago #

    @cameleonsg: If you require assistance then, as per the Forum Welcome, please post your own topic.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic