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/
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
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.
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
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
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.
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...
If you go to Settings, you'll see a checkbox for running Gravity Forms in no-conflicts mode.
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>
I will let the dev team know. Thanks. :)
