Hi all -- hoping someone can help.EDIT: Please note - this was resolved on 7/31/13, and was not a problem with any Xara products. My coding error entirely. Explanation later in thread. I'm leaving the rest of this for posterity, in hopes that it may help somebody else who makes similar mistakes! - Jon
I have a requirement to include a form in a page, with fields that are conditionally displayed depending on the values chosen for other fields. I've looked at all the form builders (JotForm, Wufoo, etc), and had to bypass 99% of them as they generally have javascript libraries resident on their own server, whether or not you host everything else on your own servers -- this, so at a minimum they can track your usage and distinguish between a limited (e.g., 100 submissions a month) and paid account (at various usage tiers). JotForm looked great - but my client will not sign up for a subscription, and we expect at least 1,000 hits a month.
I settled on CoffeeCup Web Form Builder as this can be a one time purchase, with the option to host ALL the code of a generated form on your own server. Only limitation is that any changes you make, as in changing form action on PHP scripts, is not officially supported -- but the code is pretty accessible and many people have apparently done this.
So - here's the problem: I have a 4 page proof-of-concept site I've started building. If all goes well, I'll expand this, fine tune the layout, fonts, etc and finalize the design -- but I'm stuck on use of the form in this page.
URL to a test version is: http://stronggroup.com/testhlv (please note - the "analyze" button on the form is not functional yet!)
The first three pages seem fine. Page four has the placeholder object on it with the following code specified for the body portion that will be generated:
<iframe width="685" height="1302" style="border:none; background:transparent; allowTransparency="true" overflow:hidden;" id="fb_iframe" scrolling="no" src="hlv_calc_form/hlv_calc_form.html">
When you land on this page (called "Analysis" -- accessed by the vertical nav bar by clicking "analysis"), the nav bar is not displayed correctly as it is on other pages. Additionally, the form embedded in the iframe seems to have taken modal control over the whole web page. The embedded form has javascript validations running against each field, and does some cute things such as only revealing the fields for various children's ages (e.g., child 1, child 2, child 3) after you've told it how many children you have.
Cute...but it seems that I can no longer click on the nav menu to navigate away from the Analysis page of the site once the form is displayed. I can hover over the buttons and see the javascript that would be executed on click, but the nav bar doesn't receive my clicks -- it seems that they all go to the embedded form (for example - as soon as the page loads, if I try to navigate to another page, the form validation executes and display error messages on the embedded form. Clear that clicks -- even outside the iframe -- are being sent TO the embedded form.
The navbar and placeholder are both on the MouseOff layer.
I've tried moving the placeholder to different layers and shifted it above/below the navbar. Only difference is that either portions of, or the entire navbar disappear from view when I do this.
I am attaching the "xar" file for this in case anyone can take a peek at help me figure this out. BTW: I'm using the latest version of PDX9, and have checked for updates, etc. The web host for the link I provided is GoDaddy, and I also get the exact same results testing on a local WAMP installation (I'm using AMPPS). I don't think it's anything weird with hosting -- it seems I'm doing something wrong. Any help most appreciated!
Attached xar source file here:
experiment5.xar
Bookmarks