problem converting a form to chronoforms

ld

ldwendy 03 Feb, 2008

Hi everyone,

I'm a newbie who is using Chronoforms on my Joomla web site.
I'm a bit stumped on how to convert the following HTML code into a new form within chronoform. I know how to put all the HTML within the <input> tags within Chronoform, but am not sure what to do about the other tags, such as form action or the onclick. Any help you could provide would be great. The actual form can be found in here and the source code is listed below.

Thanks!
Wendy

<body>
<h2 id="bt-invitation-title">Join us Today!</h2>
<form 
action="https://www.bigtent.com/hosted/aamhl/invitation?hosted_key=9999999999" 
style="display:none;" 
method="post" 
id="form_hosted_invitationresend" name="form_hosted_invitationresend"
  onsubmit="document.getElementById('hosted_invitationresend_submit_button_0').disabled = true;" >
<input 
  type="hidden" 
  value="hosted_invitationresend" 
  id="hosted_invitationresend_hosted_invitationresend" 
  name="update_key" />
<div style="margin-top: 0.25em;">Email Address</div>
<div>
<input 
  type="text"
  style="width: 160px;"
  class="text"
  maxlength="100"
  value=""
  id="hosted_invitationresend_email_address"  
  name="hosted_invitationresend[email_address]" />
</div>
<div style="margin: 0.25em 0 0.5em 0;">
<input 
  type="submit" 
  value="Resend Invitation" 
  id="hosted_invitationresend_submit_button_0"
  name="submit_button" 
  class="submit"/>
</div>
<a href="#"

  onclick="document.getElementById('form_hosted_invitationresend').style.display='none'; document.getElementById('form_hosted_invitationrequest').style.display=''; return false;"
  style="font-size:Ã‚Â«Ã‚Â»smaller"
  class="nav-link">Request a new invitation</a>
</form>

<form 
  action="https://www.bigtent.com/hosted/aamhl/invitation?hosted_key=9999999999"
  method="post"
  id="form_hosted_invitationrequest"
  name="form_hosted_invitationrequest"
  onsubmit="document.getElementById('hosted_invitationrequest_submit_button_0').disabled = true;" >
<input 
  type="hidden" 
  value="hosted_invitationrequest"
  id="hosted_invitationrequest_hosted_invitationrequest"
  name="update_key" />
<div style="margin-top: 0.25em;">Name</div>
<div>
<input
  type="text"
  style="width: 160px;"
  class="text"
  maxlength="50"
  value=""
  id="hosted_invitationrequest_full_name"
  name="hosted_invitationrequest[full_name]" />
</div>
<div style="margin-top: 0.25em;">Email Address</div>
<div>
<input 
  type="text" 
  style="width: 160px;" 
  class="text" 
  maxlength="100"
  value=""
  id="hosted_invitationrequest_email_address"
  name="hosted_invitationrequest[email_address]"/>
</div>
<div style="margin: 0.25em 0 0.5em 0;">
<input 
  type="submit"
  value="Submit"
  id="hosted_invitationrequest_submit_button_0"
  name="submit_button"
  class="submit"/>
</div>
<a href="#"
  class="nav-link"
  onclick="document.getElementById('form_hosted_invitationrequest').style.display='none'; document.getElementById('form_hosted_invitationresend').style.display=''; return false;"
  style="font-size:Ã‚Â«Ã‚Â»smaller">Resend an existing invitation</a>
</form>
</body>

Edited to add url and code tags and add line breaks to code

Post edited by: GreyHead, at: 2008/02/02 22:35<br><br>Post edited by: GreyHead, at: 2008/02/02 22:40

Gr

GreyHead 03 Feb, 2008

Hi Wendy,

I cleaned up the code in your post a bit so that I could see what was going on. What I think is there are two very simple forms; one has name and email inputs; the other just email; and they are submitted to Big Tent using a group id.

First off, you don't need ChronoForms to manage these forms, you could just embed this code in a Joomla content page and it should work OK.

If you do want to use ChronoForms then I think we can do this fairly simply. But I would like to know what determines whether it's an invite or a re-invite - there is nothing on the current web-page that tells me which version I should use?

Bob

ld

ldwendy 03 Feb, 2008

Dear Bob:

Ok....so you say the form can be done without Chronoforms.

Can you let me know what HTML editor you are using to get the HTML into a "static content" file on Joomla?

I have TinyMCE and JoomlaFCK installed for my Joomla CMS, and neither one is allowing me to insert HTML code inot the static content file at all.

Thanks!
Wendy

Gr

GreyHead 03 Feb, 2008

Hi Wendy,

I'd forgotten that the Joomla editors strip out the form tags😟 However it's still possible using the mosSnippet or Jumi mambot/plugins. Both of these allow you to embed html into a content page.

mosSnippet is the simpler and friendlier of the two - once installed you can add up to 30 text or code snippets in the backend and include them in your pages with {snippet snippet_name}.

Jumi is much more powerful but more complex and the documentation is not the easiest to read, probably overkill for what you need.

You don't need ChronoForms here because you are not doing any processing of the form info - it's sent straight off to Big Tent when the form is submitted. You can still use ChronoForms if you like but you'd only be using a small part of its capability.

I asked earlier how users choose between the two input forms as this affects the way you'd set up the forms in ChronoForms.

Bob

Forums

problem converting a form to chronoforms