Date picker stopped working after update

@mindblossomcreations I am getting a 404 when I try to view your page

Regards,
Richard
--
Just another member of the community helping out where I can

@traviscf01 can you include a link to the page in question and what is the other plugin that is also including the datepicker script.

Regards,
Richard

@mindblossomcreations I can only see one copy of the jQuery UI datepicker script being included on your page, the datapicker.js file from Gravity Forms on the line below is normal and contains the datepicker activation script. Have you tried testing for a theme/plugin conflct by following this advice http://rkt.gs/testing

Regards,
Richard

@cjbuilt you actually have only one copy of the jQuery UI datepicker being loaded, the second datepicker script coming from gravity forms is the initialisation script and is required.

Your datepicker is actually working it just isn't visible because it has z-index of -4 which is placing it out of sight behind your page, you can see that by examining the inline styles on the datepicker container that is created

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="position: absolute; top: 1064px; left: 636px; z-index: -4;">

Now compare that with the container for an example form I just created on my local host setup, the z-index is set to 1

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="position: absolute; top: 205px; left: 20px; z-index: 1;">

Now why the z-index is being set to -4 I am not sure but you can add the following css to your stylesheet to counteract the issue, setting the z-index to anything equal to or greater than 1 should work

#ui-datepicker-div {
    z-index: 1 !important;
}

Edit: The jQuery UI datepicker always sets the z-index to 1 greater than the associated field, on line 309 in your css.css file is the following rule which is setting a z-index of -5 so when the jQuery UI datepicker is created it automatically gets a z-index of -4.

.post_box {
background: none repeat scroll 0 0 #F1F1F1;
border: 2px solid #FFFFFF;
border-radius: 10px 10px 10px 10px;
font-size: 15px;
left: 8px;
line-height: 20px;
margin: 30px 0;
min-height: 20em;
padding: 15px 30px;
position: relative;
top: 0;
width: 920px;
z-index: -5;
}

The CSS I suggested earlier will work but if you prefer you could also change the z-index in the rule above instead.

Regards,
Richard
--
Just another member of the community helping out where I can

@searchenginepro in versions prior to 1.7 Gravity Forms included it's own copy of the datepicker ui script, in 1.7 they stopped doing that and opted to use the copy that ships with wordpress instead, which is the recommended method of including jQuery and jQuery UI.

If you can post a link to a page containing the datepicker you are having problems with the Gravity support team or I will be able assist in troubleshooting your issue.

It's also worth pointing out that it is better to resolve this issue now because Gravity Forms 1.7 will be required when WordPress 3.6 is released probably later this month (they are at beta3 now) as earlier versions are unlikely to function properly.

Regards,
Richard

You're welcome, I would wait until WordPress 3.6 is released before updating jQuery as v1.9 is a major rewrite which removes allot of deprecated functions that are still in use in WordPress 3.5 and number of plugins all of which will need to be updated

Hi Michael,

As David points out you have multiple versions of jQuery being loaded by both your theme and at least one plugin which is bad for multiple reasons, if you need any help sorting them out let me know.

Regards,
Richard

Hi Ren,

You have the following javascript error which I believe may be preventing the jQuery UI datepicker from running.

Uncaught TypeError: Cannot read property 'fadeIn' of undefined jquery.ui.datepicker.min.js:5

I suspect the reason is that jQuery UI Effects is being loaded incorrectly by the createit jquery drilldown menu plugin up in the header

<script type='text/javascript' src='http://www.notarissenwaddinxveen.nl/ontwikkel/wp-content/plugins/createit-jquery-drilldown-menu/js/jquery-ui-effects.js?ver=3.5.1'></script>

before jQuery UI Core which is correctly being loaded from wordpress down in the footer

<script type='text/javascript' src='http://www.notarissenwaddinxveen.nl/ontwikkel/wp-includes/js/jquery/ui/jquery.ui.core.min.js?ver=1.9.2'></script>

To try and confirm if this is the issue can you try disabling that plugin and then check your page again.

Hi Ren,

Can you take a look at that plugins .php files and in one of them you should find a line that includes the jquery-ui-effects.js file it may begin with wp_enqueue_script when you find it can you copy the function that line is part of so I can take a look, I will then be able to provide you with a function you can place in your theme's functions.php file that will sort it out.

Hi Michael,

Can you copy the contents of the lightbox plugins .php file and your theme's header.php, functions.php and footer.php files separately to Pastie or PasteBin and post the links here so I can take a look.

Ren,

That looks like it, can you try adding the following to your theme's functions.php file and then check your page to see if it helps.

//fix how jquery-ui-effects.js is loaded
add_action('wp_enqueue_scripts','fix-ui-effects');
function fix-ui-effects(){
    if(wp_script_is('jquery-ui-effects',$list='queue')){
        wp_deregister_script('jquery-ui-effects');
        wp_enqueue_script('jquery-effects-core',array('jquery','jquery-ui-core'),false,true);
    }
}

Michael,

Can you copy the contents of your theme's functions.php file, so I can take a look at that.

It looks like there is an updated version of the Lightbox Evolution plugin available, version 1.7, rather than editing the plugin file to update jQuery I would recommend you install the latest version http://codecanyon.net/item/lightbox-evolution-for-wordpress/119478

There is also an updated version of Nivo Slider available, v3.2, you are running v2.6, since your version it looks like there have been a number of bug fixes and improvements including compatibility with the latest version of jQuery http://dev7studios.com/nivo-slider/#/documentation

Michael,

Well it's not in there, so it must just be the plugins, if you disable both lightbox evolution and nivo slider does that make any difference. If not what other plugins are you running?

I would recommend updating those plugins to their most recent versions if at all possible, if that's not possible then it will mean editing the plugin files.

Hi Michael,

The best way would be to update to the latest versions of those plugins but if you can't here are the changes you will have to make to the plugin files so they will load jQuery correctly. For wp-lightbox in plugin-lightbox.php can you change the following

function lbe_myplugin_lightbox_head()
{
  global $lbe_panel;
  wp_deregister_script('jquery');
  wp_register_script('jquery', $lbe_panel->path().'/js/jquery.min.js', false, '1.5.2');

to this, I have commented out the old jquery lines and added in the correct line

function lbe_myplugin_lightbox_head()
{
  global $lbe_panel;
  //wp_deregister_script('jquery');
  //wp_register_script('jquery', $lbe_panel->path().'/js/jquery.min.js', false, '1.5.2');
    wp_enqueue_script('jquery');

For nivo-slider-for-wordpress in nivoslider4wp-show.php can you change the following

function js_NivoSlider(){
	?>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

to this

function js_NivoSlider(){
        wp_enqueue_script('jquery');
		//<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
	?>

Can you also copy the contents of your theme's header.php file as I suspect there is a change required in there as well.

Regards,
Richard