Issue - Flare HTML5 Tripane and Submitting Feedback Comments

This forum is for all Flare issues not related to any of the other categories.
Post Reply
sjaworski
Jr. Propeller Head
Posts: 2
Joined: Fri Feb 08, 2013 12:36 pm

Issue - Flare HTML5 Tripane and Submitting Feedback Comments

Post by sjaworski »

Since we started using the HTML5 tripane skin, we have not been able to get the Feedback Submit button for comments to react like it is enabled. When a user clicks the button, there is no indication that the comment has been sent. Because of this, users continue to click, sending multiples of the comment to our Feedback mailbox. Has anyone come up with a solution to this issue, like adding JavaScript to the Flare skin or Feedback itself?
kel322
Propeller Head
Posts: 38
Joined: Tue Jan 03, 2017 12:56 pm

Re: Issue - Flare HTML5 Tripane and Submitting Feedback Comm

Post by kel322 »

Hello,
I want to preface my response with saying that I know very little about javascript, just the very basics, and even that is usually over my head.

But, I think I did something similar to what you are trying to do. I've been working on a project that uses a tripane skin. One of the topics has a simple form on the page to collect feedback. When the user clicks submit, I get an email that has the information that was typed in, and the user gets an alert that says, "Thank you for your feedback." This is the code that is in my text editor:

Code: Select all

 
<form action="https://script.google.com" method="post" id="input" name="user_input">
            <input type="text" name="firstname" placeholder="FIRST NAME" />
            <input type="text" name="lastname" placeholder="LAST NAME" />
            <input type="text" name="email" placeholder="EMAIL" />
            <div class="form"><textarea id="input" name="user_input" placeholder="Use this space to type the information that you want to submit to the DDT group."></textarea>
                <button type="submit" id="submit_button" onClick="myFunction()">Submit</button>
            </div>
        </form>
        <script>
          function myFunction(){
          alert("Thank you for your feedback");
		}
		</script>
I shortened the form action link. Since this is a project that is only available to other co-workers internally, I am having the information sent to me through a Google doc script (I'll post the link for how to do that below because I would never have known how to do that on my own!). If the project was actually published online, the information should be processed and sent through more secure means.

Anyway, when the user clicks the submit button, myFunction is called on, and inside that function is an alert. The only issue I have is that the page is then blank after the user submits information (regardless of whether or not the script is there). I have tried adding a line to the function to then reload the page, but I can't get it to work.

This is the google script tutorial I used: https://github.com/dwyl/html-form-send- ... out-server. It is really easy!

Good luck!
Kelly
Post Reply