Using javascript in a Web app to choose correct webform

Question

Hi, I've design a javascript function that should in theory call the correct webform when a particular option is chosen in a webapp item.
The web app is an Event Web App that I made and I want the client to choose whether its a paid event or a free event from a drop down menu and the corresponding webform will appear.
Javascript and webforms just seem to hate each other.
My code is :
<h1>{tag_name}</h1>
{tag_description}
<div id="event">{tag_event type}</div>
<script type="text/javascript">
var str=document.getElementById("event").innerHTML;
var n=str.replace("Paid","45008").replace("Free", "10254");
document.getElementById("event").innerHTML= '{module_webform,'+n+'}';
</script>
I know the script should work because I tested it using random words and the string would appear but when I actually put the webform number in
firebug shows this error:
<script type="text/javascript">
var str=document.getElementById("event").innerHTML;
var n=str.replace("Paid","45008").replace("Free", "10254");
document.getElementById("event").innerHTML= <!-- CATALYST_ERROR - There was a problem with page modules. Ensure module syntax is correct. -->
</script>
Anyone have a solution?

Answer 1

Hello ChristoRay,
I'm curious to know if you have got this working? I have not tested this out, but I wouldn't think that you could use JavaScript to dynamically change a module.
I would think that you could just create a drop down for them called "Free10254 or Paid45008" with the numbers being the values they select.
Then within the details layout you can have:
{module_webform,{tag_free10254 or paid45008}}
This would cut out the need for js.
Hope this helps,
Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7