Including web Form Builder form in...

User 2792467 Photo


Registered User
161 posts

Hello All,
I am trying to insert a form built with Web Form Builder into a website built with RSD. The form works fine in its own html template but combined with RSD javascript based error checking and some other features stop working.
It looks like a conflict between jquery 1.11.0 (needed in RSD) and jquery 1.4.4 (pulled in by WFB).
In short: without the link to jquery 1.11.0 my form works OK, but my pulldown menus freeze. With query 1.11.0 included the RSD menus work OK, but the WFB forms error checking stops working.

Any ideas?
Eindhoven :: Netherlands

It's easy to see, once you see it.
User 187934 Photo


Senior Advisor
20,266 posts

Hi Hennie,
Can you share a link to the page with the issue?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2792467 Photo


Registered User
161 posts

Hi Eric,

Sorry the website is in dutch and still a work in progress (trying to integrate RSD with our own CMS)
I have to add that we changed the action in the form to our own .aspx dotNET script, but it of course kicks in after clicking the button at the bottom.

Here is the link: http://nieuw.kuychi.org

In the menu select contact --> donatie here is the form javascript working (but menu pulldown stops)
Select contact --> donatie2 here is the form javascript not working (but menu pulldown has resumed)
The only difference is the link in the html temple (near the bottom) to jQuery 1.11.0 on donatie2
Our aspx script takes in both cases the filled-in data and works fine.

Thanks for looking into it.
Eindhoven :: Netherlands

It's easy to see, once you see it.
User 187934 Photo


Senior Advisor
20,266 posts

You have two versions of Jquery linked on your page.
<script src="js/jquery-1.11.0.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2792467 Photo


Registered User
161 posts

Not on those 2 pages with the form. Don't worry about all the other pages!

I am using 3 different html templates: one for the home page, one for most other pages and one for the form page (plus a fourth to demonstrate that the form works if there is no link to jQuery 1.11.0.
Check the source of donate (no jQuery link placed by me) and donate2 (one link to jQuery 1.11.0 for the sake of RSD).

http://nieuw.kuychi.org/testform/testform.html is the original export from WFB.
Eindhoven :: Netherlands

It's easy to see, once you see it.
User 2792467 Photo


Registered User
161 posts

By the way, I checked the form using Safari dev tools and noticed that WFB apparently - under water - links to the old jQuery version 1.4.4 library.
Maybe this generates some conflict. One would expect CoffeeCup software to be compatible?
Eindhoven :: Netherlands

It's easy to see, once you see it.
User 187934 Photo


Senior Advisor
20,266 posts

Eric Rohloff wrote:
Hi Hennie,
Can you share a link to the page with the issue?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2792467 Photo


Registered User
161 posts

Hi Eric,

I am sorry if my earlier instructions to navigate were not clear.
Made it a bit easier to debug by removing some stuff from the html.

Link 1: http://nieuw.kuychi.org/form-not-ok
test form by clicking on radio button marked "anders"
test menu by hovering and see blue sub menu

Link 2: http://nieuw.kuychi.org/form-ok
do same test

Only difference between those 2 pages is this link in the html:
<script src="/coffeecup/js/jquery-1.11.0.min.js"></script>

Link 3: http://nieuw.kuychi.org/testform/testform.html
Original exported form from Web Form Builder

Hope this helps

Eindhoven :: Netherlands

It's easy to see, once you see it.
User 187934 Photo


Senior Advisor
20,266 posts

Give this a try.

<script src="/coffeecup/js/jquery-1.11.0.min.js"></script>
<script>
var jQ = $.noConflict(true);
jQ(document).ready(function() {
jQ(".mobil-button").click(function() {
jQ("#menu").slideToggle('fast', function() {
jQ(this).attr('style', '').toggleClass('show');
});
jQ(this).toggleClass('active');
});
});
</script>
<script type="text/javascript">
jQ(".pulldown").hover(function(){
jQ(this).children('ul').slideToggle("fast");
});
jQ(".submenu-rsd").click(function( event ) {
event.stopPropagation();
});
</script>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2792467 Photo


Registered User
161 posts

Yes, this works. Thank you very much for your swift effort; appreciate this.

I had considered solving the conflict this way, but on the other hand, one would expect the guys at CoffeeCup to release a new version of Web Form Builder to be compatible with RSD.

Especially because Bob Visser recommended to use WFB to fill the missing Form building capabilities in RSD.

Is an update for WFB with a more elegant solution in the pipeline? It would be very useful to bring WFB more in line with RSD or, even better, include form building capabilities in RSD. Should I post this in the suggestions thread?
Eindhoven :: Netherlands

It's easy to see, once you see it.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.