Progress Bar

Hello,

I've done some work to get a progress bar working. However I am having some conflict with newer mootools... I think. I replaced the moootools with 1.4 using a compatibility layer. Things seem to be getting closer to working, however the form never actually submits. Any ideas:

http://stage.trivascular.com/index.php?option=com_chronoforms&chronoform=Size_Tool-Copy

=-Steve

Hi Steve,

There is something on the page reloading it or you may have a redirect after the form is submitted ?

HI,

Thanks for this. I don't have a redirect set... just a thank you message. I do however have this:

<script type="text/javascript">
//<![CDATA[
function showLoader(){
$('#submit_btn').hide();
$("#loading").fadeIn("slow");
$('submit_btn').disabled = true;
}; //]]>

//<![CDATA[
window.addEvent('domready', function() {
document.id('chronoform_Size_Tool-Copy').addClass('hasValidation');
formCheck_Size_Tool_Copy = new FormCheckMax('chronoform_Size_Tool-Copy', {
onValidateSuccess: $empty,
display : {
showErrors : 0,
errorsLocation: 1 }
});
});

//]]>
</script>
Do you think the JS is conflicting?

=-Steve

Hi Steve,

Please test the RAW version:
http://stage.trivascular.com/index.php?option=com_chronoforms&chronoform=Size_Tool-Copy&tmpl=component

it works fine, there is something on your website (template/module/plugin) which is reloading the form submit page, do you have any security system plugins ?

Regards,
Max

HI,

That one works. No plugin's added.. but I'll look deeper.

=-s=-

Hi,

I have tracked this down to my multiple window.addEvent('domready', function()'s

There is the native chronoforms and then above that I have mine for the progress bar. Any ideas on how to consolidate these?

=-Steve

Hi,

It seems that the add.Event I use for the progress bar just kills the submission to the db. Why is this?

=-Steve

Hi gamecat2300,

There are various things that might be causing problems here:

[list=a]

You have the Dynamic File option set to Yes on the Load JS action - this can cause problems so please test with it off.

You aren't loading the MooTools More library. Some parts of ChronoForms use this, don't think it's a problem but it might be.

The MooTools Library is loading after some of the script snippets. This will cause problems as the library functions aren't available when needed. Fixing a might also fix this.

You are loading JQuery on the page and I don't see a noConflict() call so this may break MooTools (this would explain why the RAW version works OK).

This syntax $('#submit_btn') is jQuery, not MooTools. The MooTools version is just $('submit_btn')

[/list:o]
Bob

Hi Thanks!

So on this page:
http://stage.trivascular.com/index.php?option=com_chronoforms&chronoform=Size_Tool-Copy

I have mootools load up top. The test version and the raw version have everything structured the same way (including jQuery mode). I've turned off load dynamic for the JS action.

I think that the success event isn't being fired off. The odd thing is that the test from with upload works when I remove the code:

var upload = new Form.Upload('url', {
		onComplete: function(){
			alert('Completed uploading the Files');
		}
	});

	if (!upload.isModern()){
		// Use something like
	}

So I am thinking that the Form.Upload onComplete function may be the issue. Any idea how to tie that into Chronoforms.

=-Steve

Hi Steve,

I experimented a bit with this and got this to work here with this code:

window.addEvent('domready', function() {
  var upload;
  upload = new Form.Upload('file_url', {
    dropMsg: 'Have a banana now',
    onComplete: afterUpload
  });
});
function afterUpload() {
  alert('or an orange');
  window.location.href = window.location.href;
}

Note that the Upload Files action will correctly filter files and you can send an email - though not with any form data.

Bob