Forums

Hi,

I'm using Joomla 1.5 and the latest version of Chronoforms (I think). I just got a call from a user trying to submit one of our forms and she reported that as soon as she opened the page in Internet Explorer, she got an error saying "Error on page" in the status bar. She was then unable to submit the data. I'm not sure what version of IE she was using, but it supported tabs and she was using Vista, so I'm assuming on the newer side.

Opening the form in IE 6 on my office computer, I get a pop up warning saying that there are secure and nonsecure items on the page and do I want to display them. However, the form can still be submitted.

The link to the form is here in case anyone would like to take a look: https://www.borderlinks.org/index.php?option=com_chronocontact&chronoformname=Registration_1_Day.

Thanks in advance for your help.

Nick

Hi Nick,

Firebug in FireFox shows up a JavaScript error that is the result of an input name with a space in it - spsces are not permitted in HTML names or ids. This could be what is causing the IE message

<input id="text_48" class="cf_inputbox required" type="text" name="Full Name" title="" size="30" maxlength="150"/>

I didn't check any further so there may be more.

Bob

Bob,

Thanks, I eliminated those spaces (there were two). I still get the secure/nonsecure warning in IE 6. I have emailed the user and am waiting to see if she still has the same problem.

Thanks for your help!

Nick

Hello,
I have a similar problem with IE (6, 7, 8). I am using chronoforms on several websites and on some of them there is shown an error in the status bar and on other there is not. The forms are very simple and built with the same properties. I have no empty spaces in the input tags, in none of them. It is really mysteriously. Nevertheless all the forms work without problems. Can I do anything, is there a hint, or do I have to ignore this fact?

I am using chronoforms ChronoForms_V3.1_RC5.5 and ChronoForms_V3.1_RC5.1 but this appears in both versions or does not appear...

It would be great, if there is anything to do..

Here is a site where it does not appear: http://www.bzfo.de/infomation/infomaterial.html
Here is a site where the warning appears in the status bar: http://www.catania-online.org/kontakt.html

Oh I forgot: I am using Joomla 1.5.15 and 1.5.17 it appears in both versions, too. And The Error Details are something like "mooValidation.js, not such object.." althouqh I have no validation activated.

Many greetings
Emerahl

Hi Emerahl,

The site with the error is loading both JQuery and MooTools, the site with no error loads only JQuery.

You need to put JQuery into No Conflict mode to have it run with MooTools.

Bob

Hi GreyHead,
thank you very much for your reply. I thought I had exactly the same settings in all forms...
But where and how can I do this? Perhaps I am blind - I just can not find the point to do.

Thank you so much and many greetings
Emerahl

Hi Emerahl,

You probably do have the same ChronoForms settings. JQuery will be being loaded by your template or by some other module. I'm afraid that I don't know which one but looking at your site with diagnostic tool like FireBug or the Chrome console will probably give you some clues.

Bob

Hi GreyHead,
thank you for your quick answer - I will try that and tell you. The funny fact is, that everything is working correctly, although there is this warning. I already thought, that any other feature is causing the warning... but I do not know yet.
But I do not like any warnings, so I will go on trying to find out, what is wrong.

Thank you, have a nice day and many greetings
Emerahl

Hi Bob,
maybe this could give hint, FireBug is telling:

"this.form.addEvent is not a function
[Break on this error] if(this.options.onSubmit) this.form....t('submit',this.onSubmit.bind(this));"
>> and the code in the mentioned line is:
-- <script type="text/javascript">
window.addEvent('domready', function() {
});
</script> --

The second hint is:
"($(filter) || document).getElementsBySelector is not a function
[Break on this error] return false;});return(nocash)?element...}else{temp.push('[@',param[4],']');}} "
>> and the code in this line is:
-- <script src="http://www.kirkuk-center.org/components/com_chronocontact/js/jsvalidation2.js" type="text/javascript"></script>
<script type='text/javascript'>
var fieldsarray = new Array();
var fieldsarray_count = 0;window.addEvent('domready', function() {
elementExtend();setValidation("ChronoContact_PressReleases");});</script>
<script type="text/javascript">
elementExtend();
window.addEvent('domready', function() {
});
</script> --

Actually I did not activate Validation or did I miss seeing something? Or do you think it is a conflict with another feature - it only appears on the chronoforms pages....

I have not yet found the difference in the pages on the same website:
http://www.bzfo.de/infomation/infomaterial.html
No error is reported

And on
http://www.bzfo.de/presse/pressemitteilungen.html
the second error is reported, and there are no other tools or anything else specially loaded.

It seems strange to me.
Perhaps you have an idea...

Many greetings and have a nice weekend
Emerahl

Hi Emerahl,

The errors look as though MooTools isn't loaded or isn't operating.

Bob

Hi Bob,
thank you for your brainwork...
The strange thing about it is as I mentioned above, that it appears on the same website with error warning on one form and without error warning on the other (remember: everything is working correctly, though...)
If you have an idea what to do with these mootools, where I have probably to change anything in which file, I would be glad, If you could tell me. I do not have the problem on the pages without ChronoForms. I go on seeking for the reason myself as well, of course.

Many greetings
Emerahl

Hi Bob,
I tried to find out more about this error. But I must say that I actually did not. What I found out is, that the file where the error is belonging to obviously is mootools.js - told by FireBug, causes serveral problems for a lot of people...as reported in different forums. On my site sometimes mooValidation.js - belonging to the ChronoForms js-files is mentioned as well. I replaced the mootools.js to prevent it from being damaged or something like this, but it is the same as before. The most strange thing is, that it appears on the same website (same template, modules etc.) with and without error, so it can not be a server problem, I suppose.
For everything is working fine, I just have to live with that. But if you find out anything, please let me know.

Many greetings and have a nice week
Emerahl

Hi Emerahl,

Your templates are loading JQuery - this must be put into No Conflict mode to avoid it breaking MooTools.

Bob

Hi Bob,
thank you for this hint - how do I do this? Or can you tell me, where I find something about it? All I found were parts of some tags and scripts about the no-conflict-mode, without any hint where to put it - in my templates or in any js-files?

You told me earlier above, but then it was not mentioned anymore, so I thought, the solution might be another.

Thank you and have a good evening
Emerahl

Hi Emerahl,

A quick search here on 'noConflict' finds several different suggestions. Try putting

jQuery.noConflict();

in the Form JavaScript box.

Bob

Hi Bob,
thank you for that tip. I have tried that on one of my test pages. I put the code into the javascript box of the form and the error referring to mootools.js did not appear - great - it seemed so easy... But now another error appears
"$(document).ready is not a function
<script type="text/javascript"> "

belonging to

<script type="text/javascript">
$(document).ready(function() {
$('ul.sf-menu').superfish();
});</script>

which initiates my drop down menu (superfish menu, handled with jquery). In spite of this error the menu ist still working, but I wanted to have it without errors....

Strange that I have errors without effect on the functionalities. So the solution seems to be a bit more complicated and I will go on searching... I have found a plugin for Joomla, called SC jQuery to handle that no-conflict mode with other libraries, did you hear about this? And I found the hint to replace the "$" in jQuery code, but I don not know how and where, yet. As I said, I go on searching...

... and if you have another idea...

Have a nice day, many greetings
Emerahl

Hi Bob,
I just found something about conflicts of superfish menu using jquery and other libraries. I'll try that and tell you the results...

Many greetings
Emerahl

Hi Bob,
all I found about running my superfish menu in the jquery no conflict mode I have tried, but nothing worked as it should. There are many good ideas in the web, but it is not the solution. Perhaps it will work in the next version.

Nevertheless I found the solution for me, my forms and my menu. It is so easy...
For the error only appeared when mootools.js was loaded, I checked my form settings again. I do not use the form wizard and have my own form css, so I put "No" in the box on the general settings "Load Chronoforms CSS/ JS Files" and now, no mootools are loaded anymore and no error is reported in no browser as there are no conflicts with jquery anymore. I thought that mootools would only be loaded when validation is active, but that seemed to be my error.

As long as I do not use any extensions using mootools this will work fine and until I have to use them, I hope there will be a good solution found.

Thank you very much for your help and have a wonderful day
Many greetings
Emerahl