Starting with ChronoForms, some doubts

Hi all,

I have started to use chronoforms today, and it seems to be very powerful, but I have some problems.
I have created a very simple form with two fields: datetimepicker & textbox, as my first example. But the calendar doesn't appear when I click on the first one and the tooltip of the second it is not displayed. Maybe it could be some javascript problem but seeing the code with firebug I can see that javascript code has been inserted. So I dont know. I am new with php and joomla. I am using Joomla 1.5.9 and chronoforms 3.0 stable.

Here is the code:

<script src="http://x.x.x.x/joomla/components/com_chronocontact/js/calendar.js" type="text/javascript">
</script>
<script type="text/javascript" src="http://x.x.x.x/joomla/components/com_chronocontact/js/mooValidation.js">
</script>
<script type="text/javascript">
1
2 Tips.implement({ ............................. });
72
</script>
<form id="ChronoContact_search1" action="http://x.x.x.x/joomla/index.php?option=com_chronocontact&task=send&chronoformname=search1" method="post" name="ChronoContact_search1">
<div class="form_item">
<div class="form_element cf_datetimepicker">
<label class="cf_label">from</label>
<input id="date_0" class="cf_datetime" type="text" name="date_0" size="20" onclick="new Calendar(this);"/>
</div>
<div class="clear"> </div>
</div>
<div class="form_item">
<div class="form_element cf_textbox">
<label class="cf_label">keyWords</label>
<input id="text_1" class="cf_inputbox validate-alphanum" type="text" name="text_1" size="30" maxlength="150"/>
<a class="tooltiplink" onclick="return false;">
</a>
<div class="tooltipdiv">keyWords :: keyWords for the search</div>
</div>
<div class="clear"> </div>
</div>
<input type="hidden" value="1" name="956349aa7d765cc9772b7cec72b6a144"/>
</form>
<script type="text/javascript">
1
2 function formCallback(result, form) {
3 window.status = "valiation callback for form '" + form.id + "': result = " + result;
4 }
5 var valid = new Validation('ChronoContact_search1', {immediate : true, useTitles : true, onFormValidate : formCallback});
6
</script>
<div class="chronoform">
<a href="http://www.chronoengine.com">Joomla Professional Work</a>
</div>

And also, how can I edit an already saved form? I mean, is it possible to open it again with Form Wizard and continue building it?

Thanks in advance!

Hi eledu,

Welcome to Chronoforms!🙂

I think you have a JS conflict, you can see this with firebug with the console turned ON for the webpage, does it show any errors ?

in V3.0 stable there was no way to re edit the form using the wizard but later in V3.1 it was added!

Regards
Max

Hi Max,

yes, you are right. Definitely it shows errors (in the image). These errors appear when:
1) when the form is loaded
2) when i click into the datetimepicker field
3) after being clicked the datetimepicker, clicking wherever the page

Any idea? And thanks for your quick reply.

well, the errors must be fixed before it will work, do you have JS Jquery or prototype libraries loaded ?

Regards,
Max

I already know what the problem is, but not how to solve it 😟
I am also using the 'accordion menu apple style module/plugin'. I have unplubished it and the form has worked well. This module uses 'jquery-1.2.2.pack.js' and other scripts. So, I guess it could be a problem between jquery and mootools, or different versions of jquery or whatever else. Can not every component/module/... works with it owns js? If not, as it seems, which could be a possible solution? Sorry but I am definitely new in web programming.

Thanks!

Hi eledu,

JQuery and Mootools are incompatible (they both have functions with the same name that do different things). :-(

Bob