aC forum: Embeding the Public Submit form into a static html page http://www.activecollab.com/forums/topic/4411/ Recent posts on topic: Embeding the Public Submit form into a static html page en-us Wed, 23 May 2012 20:20:30 CDT http://www.activecollab.com/forums/post/27212/#post27212 http://www.activecollab.com/forums/post/27212/#post27212 Post #15 by [user deleted] [user deleted] I took the easy way out and lightboxed the ticket form ;).

]]> Thu, 29 Jul 2010 16:04:11 CDT http://www.activecollab.com/forums/post/24700/#post24700 http://www.activecollab.com/forums/post/24700/#post24700 Post #14 by john john So, I guess the easiest "fix" is for AC to expand the current public submit feature?

I too would love to have e.g. one web form per project, not just one global form as it seems to be today.

Or has there been any updates in the meantime?

]]> Mon, 25 Jan 2010 20:41:51 CST http://www.activecollab.com/forums/post/19986/#post19986 http://www.activecollab.com/forums/post/19986/#post19986 Post #13 by Ilija Studen Ilija Studen
Leon:
Is it possible to set attributes like 'priority' and 'category' using Incoming Mail?


Not at the moment, but we'll see what we can do about this in the future.

Leon:
I would also like to know more about embedding a form using API to 'connect' with ac, if anyone's got time? It would be a good tutorial to see how it could all work!


This is an interesting idea - it would be both a nice introducing to activeCollab API and a useful tool. I'll see to find some time and write the tutorial.

]]> Mon, 11 May 2009 09:14:48 CDT http://www.activecollab.com/forums/post/19973/#post19973 http://www.activecollab.com/forums/post/19973/#post19973 Post #12 by Leon P. Leon Poole @mariuss - Thanks for the suggestion. I'd thought about using this method too - In the end this is what I've gone with. I've easily set up a form and have it emailed to the system to an address setup in Incoming Mail module, that is then transformed into a ticket. :)

Is it possible to set attributes like 'priority' and 'category' using Incoming Mail?

I would also like to know more about embedding a form using API to 'connect' with ac, if anyone's got time? It would be a good tutorial to see how it could all work!

]]> Sun, 10 May 2009 19:27:44 CDT http://www.activecollab.com/forums/post/19932/#post19932 http://www.activecollab.com/forums/post/19932/#post19932 Post #11 by [user deleted] [user deleted] Another option would to use "Incoming Mail" for this purpose.

On this other site create a form that emails the submissions and send them to a special mailbox. Then configure acctiveCollab to watch that mailbox and create tickets from incoming messages.

]]> Fri, 08 May 2009 22:45:42 CDT http://www.activecollab.com/forums/post/19915/#post19915 http://www.activecollab.com/forums/post/19915/#post19915 Post #10 by ntm ntm You could use your form HTML and set the target to be an iframe (possibly hidden)

<iframe name="AC_Target"></iframe.
<form target="AC_Target"></form>

Then using the onSubmit event for <form> you display a success message.

It will have issues if there is a problem since you wont see the real response from AC... but that's the risk you're taking by going in the custom html direction anyways =)

]]> Fri, 08 May 2009 14:20:00 CDT http://www.activecollab.com/forums/post/19903/#post19903 http://www.activecollab.com/forums/post/19903/#post19903 Post #9 by Leon P. Leon Poole Thanks Ilija - I've never worked with API's before so please bare with me on this learning cure.

The thing I'm not understanding is how the API could work in a 'public submit' form without using Authentication?

From what I understand, the user must be authenticated (logged in) to submit a ticket via API, however I do not want the user to be logged in at all (there will be many people submitting feedback via the form).

]]> Fri, 08 May 2009 04:52:06 CDT http://www.activecollab.com/forums/post/19899/#post19899 http://www.activecollab.com/forums/post/19899/#post19899 Post #8 by Ilija Studen Ilija Studen What is not good with your approach is that you are hacking the system into working the way it was not designed to work. This usually ends up with problems and it's not as reliable as it should be.

If you wish to fully control the process - form, landing page, validation etc, you should use API instead of hacking public submit page:

http://www.activecollab.com/docs/manuals/developers/api/tickets

]]> Fri, 08 May 2009 04:28:23 CDT http://www.activecollab.com/forums/post/19897/#post19897 http://www.activecollab.com/forums/post/19897/#post19897 Post #7 by Leon P. Leon Poole Thanks Ilija,

I've turned off CAPTCHA and I'm able to post a ticket via the form from a static page now (using action="http://mydomain.com/submit" in the <form> tag). But it's not quite how I'd like it still. The user is taken to the 'successfully submitted ticket' page on my ac install after clicking 'submit', but I would like to keep them on the same page (also for handling form validation).

I've done a search and played around with a few solutions but haven't had any success yet. I've gone with one from 9Lessons as it's the cleanest, and I'm feeling it's almost there but for some reason it's just not working:

The head/javascript bit:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() {

$(".submit").click(function() {

    var name = $("#created_by_name").val();
	var email = $("#created_by_email").val();
	var subject = $("#name").val();
	var description = $("#body").val();
	var submitted = $("#submitted").val();
	
    var dataString = 'created_by_name='+ name + '&created_by_email=' + email + '&name=' + subject + '&body=' + description + '&submitted=' + submitted;
	

	if(name=='' || email=='' || subject=='' || description=='' || submitted=='')
	{
	$('.success').fadeOut(200).hide();

    $('.error').fadeOut(200).show();
	
	}
	
	else
	{
	$.ajax({
	type: "POST",
    url: "http://myactivecollabinstall.com/submit",
    data: dataString,
    success: function(){
	$('.success').fadeIn(200).show();
    $('.error').fadeOut(200).hide();
		
   }
});

	}
		
    return false;
	});

});
</script>


The HTML/form:
  <form enctype="multipart/form-data" method="post" name="form">
    <div class="info" style="padding-left:20px">
      <h2>Submit to activecollab form</h2>
    </div>
    <ul>
      <li id="foli1">
        <label class="desc" for="created_by_name">Name</label>
        <div>
          <input id="created_by_name" name="ticket[created_by_name]" type="text" class="field text medium" value="" maxlength="255" tabindex="1" 						/>
        </div>
      </li>
      <li id="foli3">
        <label class="desc" for="created_by_email">Email</label>
        <div>
          <input id="created_by_email" 	name="ticket[created_by_email]" type="text"	class="field text medium" value="" maxlength="255" tabindex="3" />
        </div>
      </li>
      <li id="foli4">
        <label class="desc" for="name">Subject</label>
        <div>
          <input id="name" name="ticket[name]" type="text" class="field text medium" value="" maxlength="255" tabindex="4" />
        </div>
      </li>
      <li id="foli6">
        <label class="desc" for="body">Description</label>
        <div>
          <textarea id="body" name="ticket[body]" class="field text medium" tabindex="5"></textarea>
        </div>
      </li>
    </ul>
    <div class="buttons">
      <input type="hidden" name="submitted" value="submitted" style="display: none" />
      <button type="submit" accesskey="s" value="Submit" style="background:#0060a1; color:#FFFFFF; font-size:14px; border:1px solid #0060a1; margin-left:12px" class="submit"><span>Submit</span></button>
      <span class="error" style="display:none"> Error</span>
      <span  class="success" style="display:none">Success! Ticket submitted.</span>
    </div>
  </form>


What am I doing wrong?

*time for a coffee*

Leon.

]]> Fri, 08 May 2009 04:13:37 CDT http://www.activecollab.com/forums/post/19888/#post19888 http://www.activecollab.com/forums/post/19888/#post19888 Post #6 by Ilija Studen Ilija Studen What you can do is to open form's source code and replicate the form on other page. Field names need to reman the same for system to work (don't forget hidden fields) and you should disable CAPTCHA protection. Form action should be the address of public submit form.

Another option is to create a tool that submits tickets through the API. This way you can have even more control. Please check this article to learn how to work with tickets using activeCollab API.

]]> Thu, 07 May 2009 16:53:47 CDT