Troubles with displaying Thank You message #173

New issue

Closed

opened 2025-10-14 16:33:12 -06:00 by navan · 0 comments

navan commented

2025-10-14 16:33:12 -06:00

Owner

Originally created by @marobr001 on 10/13/2018

Hi, I followed your tutorial step-by-step and applied the script on my previously created form (from weebly.com). I've got a small issue: while I do receive email with collected data (and also input to google docs), the client side shows only the string when SEND is pressed, could You please look at the code and indicate what could be the problem?

<div>
  <form class="gform" enctype="multipart/form-data" action="https://script.google.com/macros/s/AKfycbwUIupU6aivTZgp0VoQmL3nf4My9NQiKeqvQVMvFkFQ2rXDg6w/exec"
  method="POST">
    <div id="196364376136718023-form-parent" class="gform"
    style="margin-top:10px;">
      <ul class="formlist form-elements" id="196364376136718023-form-list">
        <div><div class="wsite-form-field wsite-name-field form-elements" style="margin:5px 0px 5px 0px;">
    <label class="wsite-form-label form-elements" for="input-170917401548326567">Meno <span class="form-required">*</span></label>
    <div style="clear:both;"></div>
    <div class="wsite-form-input-container wsite-form-left wsite-form-input-first-name form-elements">
      <input id="input-170917401548326567" class="wsite-form-input wsite-input" type="text" name="name" />
      <label class="wsite-form-sublabel" for="input-170917401548326567">Meno</label>
    </div>
    <div class="wsite-form-input-container wsite-form-right wsite-form-input-last-name form-elements">
      <input id="input-170917401548326567-1" class="wsite-form-input wsite-input" type="text" name="surname" />
      <label class="wsite-form-sublabel" for="input-170917401548326567-1">Priezvisko</label>
    </div>
    <div id="instructions-170917401548326567" class="wsite-form-instructions form-elements" style="display:none;"></div>
  </div>
  <div style="clear:both;"></div></div>

  <div><div class="wsite-form-field form-elements" style="margin:5px 0px 5px 0px;">
    <label class="wsite-form-label" for="input-749773387321478681">Email <span class="form-required">*</span></label>
    <div class="wsite-form-input-container">
      <input id="input-749773387321478681" class="wsite-form-input wsite-input wsite-input-width-370px" type="text" name="email" />
    </div>
    <div id="instructions-749773387321478681" class="wsite-form-instructions" style="display:none;"></div>
  </div></div>

  <div><div class="wsite-form-field form-elements" style="margin:5px 0px 5px 0px;">
    <label class="wsite-form-label" for="input-785919734105798281">SPRÁVA <span class="form-required">*</span></label>
    <div class="wsite-form-input-container">
      <textarea id="input-785919734105798281" class="wsite-form-input wsite-input wsite-input-width-370px" name="message" style="height: 100px"></textarea>
    </div>
    <div id="instructions-785919734105798281" class="wsite-form-instructions" style="display:none;"></div>
  </div></div>
        </ul>
      </div>
      <div style="text-align:left; margin-top:10px; margin-bottom:10px;">
        <input type="submit" style="position:absolute;top:0;left:-9999px;width:1px;height:1px" />
        <a class="wsite-button form-elements">
          <span class="wsite-button-inner">ODOSLAŤ</span>
        </a>
      </div>
      <div class="thankyou_message" style="display:none;">
        <h2><em>Thanks</em> for contacting us!
        We will get back to you soon!</h2>
      </div>
  </form>
  <div id="g-recaptcha-196364376136718023" class="recaptcha" data-size="invisible" data-recaptcha="0" data-sitekey="6Ldf5h8UAAAAAJFJhN6x2OfZqBvANPQcnPa8eb1C"></div>
</div>

At the end of the .html file I also included pointer.

I'm really desperate, and would apprecciate any help

*Originally created by @marobr001 on 10/13/2018* Hi, I followed your tutorial step-by-step and applied the script on my previously created form (from weebly.com). I've got a small issue: while I do receive email with collected data (and also input to google docs), the client side shows only the string when SEND is pressed, could You please look at the code and indicate what could be the problem? ```html <div> <form class="gform" enctype="multipart/form-data" action="https://script.google.com/macros/s/AKfycbwUIupU6aivTZgp0VoQmL3nf4My9NQiKeqvQVMvFkFQ2rXDg6w/exec" method="POST"> <div id="196364376136718023-form-parent" class="gform" style="margin-top:10px;"> <ul class="formlist form-elements" id="196364376136718023-form-list"> <div><div class="wsite-form-field wsite-name-field form-elements" style="margin:5px 0px 5px 0px;"> <label class="wsite-form-label form-elements" for="input-170917401548326567">Meno <span class="form-required">*</span></label> <div style="clear:both;"></div> <div class="wsite-form-input-container wsite-form-left wsite-form-input-first-name form-elements"> <input id="input-170917401548326567" class="wsite-form-input wsite-input" type="text" name="name" /> <label class="wsite-form-sublabel" for="input-170917401548326567">Meno</label> </div> <div class="wsite-form-input-container wsite-form-right wsite-form-input-last-name form-elements"> <input id="input-170917401548326567-1" class="wsite-form-input wsite-input" type="text" name="surname" /> <label class="wsite-form-sublabel" for="input-170917401548326567-1">Priezvisko</label> </div> <div id="instructions-170917401548326567" class="wsite-form-instructions form-elements" style="display:none;"></div> </div> <div style="clear:both;"></div></div> <div><div class="wsite-form-field form-elements" style="margin:5px 0px 5px 0px;"> <label class="wsite-form-label" for="input-749773387321478681">Email <span class="form-required">*</span></label> <div class="wsite-form-input-container"> <input id="input-749773387321478681" class="wsite-form-input wsite-input wsite-input-width-370px" type="text" name="email" /> </div> <div id="instructions-749773387321478681" class="wsite-form-instructions" style="display:none;"></div> </div></div> <div><div class="wsite-form-field form-elements" style="margin:5px 0px 5px 0px;"> <label class="wsite-form-label" for="input-785919734105798281">SPRÁVA <span class="form-required">*</span></label> <div class="wsite-form-input-container"> <textarea id="input-785919734105798281" class="wsite-form-input wsite-input wsite-input-width-370px" name="message" style="height: 100px"></textarea> </div> <div id="instructions-785919734105798281" class="wsite-form-instructions" style="display:none;"></div> </div></div> </ul> </div> <div style="text-align:left; margin-top:10px; margin-bottom:10px;"> <input type="submit" style="position:absolute;top:0;left:-9999px;width:1px;height:1px" /> <a class="wsite-button form-elements"> <span class="wsite-button-inner">ODOSLAŤ</span> </a> </div> <div class="thankyou_message" style="display:none;"> <h2><em>Thanks</em> for contacting us! We will get back to you soon!</h2> </div> </form> <div id="g-recaptcha-196364376136718023" class="recaptcha" data-size="invisible" data-recaptcha="0" data-sitekey="6Ldf5h8UAAAAAJFJhN6x2OfZqBvANPQcnPa8eb1C"></div> </div> ``` At the end of the .html file I also included _<script data-cfasync="false" type="text/javascript" src="files/form-submission-handler.js"></script>_ pointer. I'm really desperate, and would apprecciate any help