Carousel & Form Validation

**warrenr** · 07-07-2014

Just came across a strange problem with the Carousel when using the Validate in a form

I have a 4 slide carousel file in my Banner for each page in a table which works fine.

However on the Contact Page when I include a Required Field validation on a field in a form it seems to corrupt the carousel on that page.

If you preview the page the four slides of the Carousel are listed vertically one under each other down the page and slightly of to the right.

I got around it my doing the validation in my php file that handles the Form, but I was wondering if anyone else has had a similar problem?

I have NOF 13 with all the updates applied and IE11!

**gotFusion** · 07-07-2014

Can you post a link to the problem page?

OR

If it is not live, create a testing profile and upload it?

http://www.gotfusion.com/tutorials/tut.cfm?itemID=4071

**warrenr** · 07-08-2014

Hi Mike

Thanks for taking the time to look at it

Please have a look at my test site and go to the Contact Us page

http://viewmysite.co.za

**antonsvideo** · 07-08-2014

this is possibly caused by the outdated doctype you are using
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

try enabling quirks mode in settings, current site, or use HTML5 output

**warrenr** · 07-08-2014

I tried HTML5 and HTML5 Dynamic no difference

Setting quirks mode also Made no difference

**gotFusion** · 07-08-2014

Originally Posted by warrenr

Hi Mike

Thanks for taking the time to look at it

Please have a look at my test site and go to the Contact Us page

http://viewmysite.co.za

Looks like you may have a jquery conflict on the contact page.

You can try to manually remove the line containing jquery-ui.js in the head and see if this resolves the conflict. If it does you can use Tommy's jquery loader to load only one instance and see if you can resolve the conflict that way

Click image for larger version.

Name: jquery_conflict_7-8-2014.jpg
Views: 313
Size: 94.9 KB
ID: 1789

**warrenr** · 07-08-2014

Removed jquery-ui.js as suggested, but still the same result, please have a look http://viewmysite.co.za

**EtienneC** · 07-08-2014

It looks like the problem is that some files are not on the site:

/assets/shims/styles/shim.css
/assets/shims/form-core.js
/assets/shims/form-number-date.js
/assets/shims/dom-extend.js

**warrenr** · 07-09-2014

If that's the case Why??

I have sites that don't use the Carousel but do use the Validation and they work fine.

As you can see by the other pages on the test site the carousel works fine without the Validation routine!

Why on the page wiith the Carousel and the validation Routine do files disappear?

**EtienneC** · 07-09-2014

The Contact Us page has a form in the main page's main layout (i.e. not in masterborder). Because of this form, the missing files above are causing an error that is preventing the carousel from loading properly.

Fix the missing files on the webserver (e.g. use FTP client), and then try reloading the page.

I don't think that the missing files disappeared. Attempts to publish those files failed for some reason.

Thread: Carousel & Form Validation

Thread Tools

Search Thread

Display

Carousel & Form Validation

Posting Permissions