Forums

Datepicker isn't working

Andy_Traveller 01 Mar, 2012
Hello there,

I know, a hoary old subject but the datepicker on my form doesn't work.

I read of somebody else having a similar problem and placed this code you suggested
in the javacript part of the form:

window.addEvent('domready', function() {
jQuery.noConflict();
});

...which had no effect

Chronoforms_J1.6_V4_RC3.0_Plugin
Chronoforms_V4_RC3.2_J1.6
Mod_Chronoforms_J1.6_V4_RC3.0

These are the versions of the software I'm using (the latest)
My site is being developed on my pc so unable to send a url to you.
I'm also using Joomla 2.5

Any ideas?

Many Thanks

Andrew
GreyHead 02 Mar, 2012
Hi Andy,

[list=a]
  • Use the FrontEnd view link to open the form and see if the validation works (it probably won't

  • If you are using IE, particularly IE7 or IE8 then test with a different browser

  • Add &tmpl=component to the URL, re-open the page and see if the validation works

  • Open your web browser developer tools and check the console for any error messages when the page loads or when you try to submit the form

  • Check the Script tab to see what JavaScript is being loaded into the page; in particula rlook for copies of MooTools and JQuery.

  • Check the version of MooTools that is being loaded by looking at the first few lines of the file in the develop tools
  • [/list:o]

    Please let us know what you find.

    Bob
    Andy_Traveller 02 Mar, 2012
    Hi there

    a.Use the FrontEnd view link to open the form and see if the validation works (it probably won't
    It does work in the FrontEnd view

    b.If you are using IE, particularly IE7 or IE8 then test with a different browser
    I'm using IE9

    c.Add &tmpl=component to the URL, re-open the page and see if the validation works
    Made no difference

    d.Open your web browser developer tools and check the console for any error messages when the page loads or when you try to submit the form
    Couldn't see andy errors

    e.Check the Script tab to see what JavaScript is being loaded into the page; in particula rlook for copies of MooTools and JQuery.
    They seem to be loaded

    f.Check the version of MooTools that is being loaded by looking at the first few lines of the file in the develop tools
    .MooTools={version:"1.4.3"

    Thanks

    Andrew
    GreyHead 02 Mar, 2012
    Hi Andy,

    I should have said test the datepciker rather than the validation though usually the two go hand in hand. I think that this is the odd IE9 problem - does the datepicker show in IE8 browser mode? If so please see this post

    Bob
    Andy_Traveller 02 Mar, 2012
    Hi Bob,

    Thanks for the tip there, still no datepicker, as I said it's perfect in Frontend View,
    but no goog within a tab in the template, also doesn't work in Firefox also.
    BTW I added that code in the Custom Code before and after email sections of the form.

    I guess you'd instantly see what's wrong if the site was accessible, I will try and get it
    online so you can see, in the meantime any other tips? what about the
    jQuery.noConflict() statement?
    Should I place that somewhere in the code?

    Thanks

    Andrew
    GreyHead 03 Mar, 2012
    Hi Andrew,

    This certainly sounds like a JavaScript conflict of some kind. Really hard to diagnose without seeing the form :-( Which template are you using?

    Bob
    Andy_Traveller 03 Mar, 2012
    Hi Bob,

    I'm in the process of placing the fledgling site in the wider world.
    I'm using the JA Travel template from Joomlart and placing the
    form within the ja-tab1 position of that template.

    Andrew
    GreyHead 03 Mar, 2012
    Hi Andrew,

    Let me know when there is a live site I can look at. I don't have a JoomArt subscription so can't download the template.

    Bob
    Andy_Traveller 04 Mar, 2012
    Hi Bob,

    It's on the live site now at <!-- w --><a class="postlink" href="http://www.globeatone.co.uk">www.globeatone.co.uk</a><!-- w -->
    On the front page you'll see a "PREPARE FOR THE TRAVELLING"
    heading, below is a GAO_FORM tab, click on that and you'll see
    the simple form with text and then date input.

    I will pm you a login to the site admin as there's nothing
    on it as you can see to get at the knub of the problem.

    Many thanks in advance.

    Andrew
    GreyHead 04 Mar, 2012
    Hi Andrew,

    I'm as certain as I can be that it is a conflict with JQuery. On the pages without JQuery it runs OK on the page with JQuery it doesn't.

    Please try turning off the asset compressor as that can also cause problems with the timing of scripts being loaded and may hide the error messages.

    Bob
    Andy_Traveller 04 Mar, 2012
    Hi Bob,

    I don't know what an asset compressor is, something to do with javascript I belive, how would I
    disable that in Joomla?
    Also I think it's a JQuery conflict, is there s straightforward way of stopping that conflict
    on the page being loaded?

    Thanks

    Andrew
    GreyHead 04 Mar, 2012
    Hi Andrew,

    There's a module or plug-in somewhere that is gathering up a whole bunch of your JavaScript files and snippets and bundling them into a single file. If you check the page header you'll see the path - that may give you a clue what is doing it.

    There are two problems with jQuery, one is that it conflicts with MooTools and is a pest on a Joomla! site (though it is a very nice library); the second is the to put it into noConflict mode you have to do that after the jQuery library is loaded and before any conflicting MooTools code is executed - and finding the place to do that can be tricky; and packing the code up makes it close to impossible :-(

    Bob

    There's more here
    This topic is locked and no more replies can be posted.