PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Forms not dsiplaying in Explorer 8

  1. Hi,

    I have two Gravity forms in this website that are not displaying in Explorer 8. They do display in Firefox and Safari. I did recently click the "upgrade" Gravity Forms plugin in Word Press. I did not realize it wasn't working until my client told me. Do you have any ideas on how to resolve this? To make it work again in Explorer. Thanks!

    1.) https://valleyviewwinery.com/our-wines/order-wines/
    2.) https://valleyviewwinery.com/our-wines/order-holiday-wine-gifts/

    Posted 13 years ago on Friday April 8, 2011 | Permalink
  2. Hi,

    I also meant to show you the error message I'm getting while using Explorer, here goes.

    Webpage error details

    User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Win64;
    x64; Trident/4.0; .NET CLR 2.0.50727; SLCC2; .NET CLR 3.5.30729; .NET
    CLR 3.0.30729; Media Center PC 6.0; .NET4.0C)
    Timestamp: Fri, 8 Apr 2011 18:03:03 UTC

    Message: Object doesn't support this property or method
    Line: 4821
    Char: 5
    Code: 0
    URI: https://valleyviewwinery.com/wp-includes/js/prototype.js?ver=1.6.1

    Message: Object doesn't support this property or method
    Line: 24
    Char: 411
    Code: 0
    URI: https://valleyviewwinery.com/wp-includes/js/jquery/jquery.js?ver=1.4.4

    Message: Object doesn't support this property or method
    Line: 25
    Char: 264
    Code: 0
    URI: https://valleyviewwinery.com/wp-includes/js/jquery/jquery.js?ver=1.4.4

    Message: Object doesn't support this property or method
    Line: 123
    Char: 2
    Code: 0
    URI:
    https://valleyviewwinery.com/wp-content/themes/coffeebreak/includes/js/superfish.js?ver=3.1

    Message: Object doesn't support this property or method
    Line: 4621
    Char: 7
    Code: 0
    URI: https://valleyviewwinery.com/wp-includes/js/prototype.js?ver=1.6.1

    Message: 'style' is null or not an object
    Line: 33
    Char: 6
    Code: 0
    URI:
    https://valleyviewwinery.com/wp-content/plugins/lightbox-2/lightbox.js?ver=1.8

    Posted 13 years ago on Friday April 8, 2011 | Permalink
  3. Those are Javascript errors unrelated to Gravity Forms.

    The reason why the forms aren't displaying is most likely because they use conditional logic, which uses Javascript to show/hide the fields that should be visible.

    Because your site has Javascript errors (and none of those are Gravity Forms javascript errors), the browser quits executing Javascript so the form isn't displayed because the browser doesn't run the conditional logic Javascript because of the errors you listed.

    Posted 13 years ago on Friday April 8, 2011 | Permalink
  4. Thanks,

    I also updated the Word Press version (I do this periodically). Do you think this is something that Woo themes can assist with or nobody? I'm not sure where to turn on this one.

    Posted 13 years ago on Friday April 8, 2011 | Permalink
  5. This is a script conflict. Your page has multiple script errors showing up in IE and it's breaking your form (conditional logic scripts) so it's not displaying.

    I copied your form page to my test area and removed this script reference.

    <script type='text/javascript' src='https://valleyviewwinery.com/wp-includes/js/prototype.js?ver=1.6.1'></script>

    Then the forms displayed properly again in IE 8

    http://dl.dropbox.com/u/688846/gravityhelp/winery/order2.html

    screenshot: http://j.mp/h7nx7j

    Posted 13 years ago on Friday April 8, 2011 | Permalink
  6. Kevin,

    Thanks for checking this out. I'm still trying to figure out why this happened. Do you think it could it be my upgrading to the newest Word Press version?

    I changed the script you referenced to this, "prototypeTEST.js" to test it and I can see the forms in IE now.

    I do still get these errors below, (the light box is not working now.)

    Thanks again for replying, I'm a bit confused about why this hapened and how to make sure it's really resolved correctly.

    Krista

    Webpage error details

    User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64;
    Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR
    3.0.30729; Media Center PC 6.0; .NET4.0C)
    Timestamp: Sat, 9 Apr 2011 06:08:19 UTC

    Message: Exception thrown and not caught
    Line: 53
    Char: 8
    Code: 0
    URI:
    https://valleyviewwinery.com/wp-includes/js/scriptaculous/wp-scriptaculous.js?ver=1.8.3

    Message: 'Prototype' is undefined
    Line: 67
    Char: 1
    Code: 0
    URI:
    https://valleyviewwinery.com/wp-includes/js/scriptaculous/effects.js?ver=1.8.3

    Message: Object doesn't support this property or method
    Line: 26
    Char: 1
    Code: 0
    URI:
    https://valleyviewwinery.com/wp-content/plugins/lightbox-2/lightbox.js?ver=1.8

    I just

    Posted 13 years ago on Saturday April 9, 2011 | Permalink
  7. I'm not sure why you are getting the other errors, they are unrelated to Gravity Forms. But Javascript errors in general can cause problems with Gravity Forms because when they occur they can prevent Javascript that isn't broken from executing.

    Anytime you mix jQuery (which is what WordPress uses) with Prototype or Scriptaculous (which some plugins use) you will run into issues. You should stick with plugins and themes that use jQuery to help minify issues like this.

    Posted 13 years ago on Monday April 11, 2011 | Permalink
  8. This is in fact a Gravity Forms problem that should be fixed in future versions of the plugin. Let me explain...

    jQuery and Prototype/Scriptaculous (or any other library) can be successfully used on the same site. All that is required is that jQuery is used in "no-conflict" mode, which all the core WordPress JS functions have done by default, and which WordPress specifically suggests any plugin developers should do [ http://codex.wordpress.org/Function_Reference/wp_enqueue_script#jQuery_noConflict_wrappers ].

    The fact that such a well-developed plugin like Gravity Forms loads jQuery without "no-conflict" mode enabled is inexplicable and inexcusable if you ask me. However, it would not be a terribly difficult oversight to fix, and would allow other plugins and other custom functions that rely on alternate JS libraries to run without issue...

    Posted 12 years ago on Tuesday June 12, 2012 | Permalink
  9. David Peralty

    If you go to Settings, you'll see a checkbox for running Gravity Forms in no-conflicts mode.

    Posted 12 years ago on Tuesday June 12, 2012 | Permalink
  10. Yeah not exactly sure what that setting does, but it does not actually activate the jQuery no-conflict mode. GF still loads jQuery from the Google library and runs functions without ever activating no-conflict mode, even when the use AJAX option is not selected when inserting the form. This effectively breaks any other JS using another library.

    All one has to do is add one line of code to footer.php to get it to work (exact same line of code that WordPress uses to activate no-conflict mode when you're logged in so Admin bar functions work without disrupting other JS scripts). But it seems the more responsible thing would be for GF to take care of this on their end...

    <script type='text/javascript'>try{jQuery.noConflict();}catch(e){};</script>

    Posted 12 years ago on Tuesday June 12, 2012 | Permalink
  11. David Peralty

    I will let the dev team know. Thanks. :)

    Posted 12 years ago on Tuesday June 12, 2012 | Permalink