Type:$Error is not a function

Hello,

I have a script error and i have used load js to write jQuery.noConflict(); but it still did not work. The datetime picker is not loading from the front end.
Here is the error from inspect element in the attached.

[attachment=0]Untitled-1.png[/attachment]

Hi m4smariaoni,

It certainly looks as though you have a JavaScript error of some kind. If I try to view the form I see this "500 - JHtml: :jquery not supported. File not found."

Does the form work from the Test Form link?

Which datepicker are you using? It needs to be the MooTools datepicker in Joomla! 2.5

Bob

Hi Bob,

I was trying so other things. i have reverted now. You can check now.

Thanks

Please note that that the date time picker loads in the View form the datetime loads but if you view it from the front end it does not load.
this is the test link
http://162.13.17.125/index.php/customer-feedback-survey

Thanks

Hi m4smariaoni,

Please see this FAQ

Changing to the MooTools datepicker will probably fix the problem. There is another JavaScript error on the page from some Caption code that may also be causing a problem though.

Bob

Hi Bob,

I have changed the date to Mootools datepicker but the same error still persist.
Please what can i do.

Thanks,

Hello,

I am not sure if this will help (since I am using localhost, Joomla 3.3 and Chronoforms V5) but I am using a custom JQuery date/time picker and I had to do the following;

1. I placed files in the following directories.

C:\xampp\htdocs\pd2\components\com_chronoforms5\chronoforms\jquery\js\jquery.datetimepicker.js
C:\xampp\htdocs\pd2\components\com_chronoforms5\chronoforms\jquery\css\jquery.datetimepicker.css

2. In my On Load I added a Load CSS with \jquery.datetimepicker.js in the CSS files section.

3. In my On Load I added a Load JavaScript with:

JS Code: (This will be custom for your needs)

jQuery(document).ready(function ($) {
$('#shift_date').datetimepicker({
timepicker:false,
format:'d/m/Y',
formatDate:'Y/m/d',
});
});

JS Files:
\jquery.datetimepicker.js

4. Just make sure your input field matches your JS function.

Hope this helps and have a great day!

Alex B.

Sorry, I made a mistake. On my On Load CSS I included in the file \jquery.datetimepicker.css not .js. These are files that I downloaded as part of a JQuery Data/Time picker from http://xdsoft.net/jqplugins/datetimepicker/. I also forgot to add that I was receiving an error similar to yours until I wrapped my code in:

jQuery(document).ready(function ($) {

});

Again, I hope this helps.

Alex

Hi m4smariaoni,

I'm afraid that this still looks like a problem with the way that the template is loading jQuery :-(

Bob