Question

I am unable to populate the input fields inside the form.
What is the reason for this? I spent so much time looking for the right answer on internet but unfortunately nothing yet.

To better understand my problem I will provide the link to the website: http://flyingcowproduction.com/pls/ and click on the registration button.

I am pretty sure CSS is not an issue but jquery. I am not sure how to approach to the problem in order to solve it.

Many many many thanks in advance for helping me figuring this problem out. It’s been bugging me for days now.

Best regards,

-Davorin

Answer 1

Your problem appears to be in your desktop.js file, which contains the functions mousedownhandler and mouseuphandler, both of which used e.preventDefault() to of course, prevent the default behavior of the mouse. These functions are applied to event listeners attached to the div with the id singleContentContainer, which contains everything, including your form.

I am fairly certain that if you comment out the following two lines:

line 194:

e.preventDefault();

and 238:

e.preventDefault();

You will be able to select form elements again. If that doesn’t work, I’ll continue debugging after you have done so.

Edit

As to why your form is not submitting, it appears to be the cause of an option in your jquery.mobile-1.0a2.js script; you have ‘use ajax forms where possible’ enabled; on line 3094, of that file, is event.preventDefault();, this occurs if that option is enabled, and since it is.. well, you can guess the rest.

The option is configured on line 2934.

As to why the submission isn’t working, your relative url is coming up as a 404 not found error, indicating it doesn’t exist. Your form submits fine, it just isn’t getting processed because the process file doesn’t exist in the relative path you used to point to it.