What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How Do We Add Javascript to Custom Thank You Message

    Asked by ecbudesign on January 09, 2013 at 04:12 PM

    I am building a form that lets user enter text that I am then converting into HTML, as follwos:

    Enter a page title: [______________]

    Enter a summary: [______________]

     

    On submit, I am wrapping the submitted info as folows:

    <pre><code>

    <div class="wrapSection">

    <h1>{pageTitle}</h1>

    <p>{pageSummary}</p>

    </div>

    </code></pre>

     

    To make it easy for users to copy and paste this HTML code into their WYSIWYG content area, I'd like to use Syntax Highlighter, as follows:

    <!-- Syntax Highlighter -->

    <script type="text/javascript" src="https://www.mysite.com/shCore.js"></script>

    <!-- Syntax Highlighter Brushes -->

    <script type="text/javascript" src="//www.mysite.com/shBrushXml.js"></script>

    <script type="text/javascript" src="//www.mysite.com/shBrushJScript.js"></script>

    <script type="text/javascript">SyntaxHighlighter.all();</script>

    <link rel="stylesheet" target="_blank" href="http://www.mysite.com/shCore.css" rel="nofollow" type="text/css" media="screen" />

    <link rel="stylesheet" target="_blank" href="http://www.mysite.com/shThemeDefault.css" rel="nofollow" type="text/css" media="screen" />

    <link type="text/css" rel="stylesheet" target="_blank" href="http://www.mysite.com/shCoreDefault.css" rel="nofollow"/>

    <!-- BEGIN Code Copy -->

    <pre class="brush: html">

    <div class="wrapSection">

    <h1>{pageTitle}</h1>

    <p>{pageSummary}</p>

    </div>

    </pre>

     

    I've included a link to the test page that uses a form that is connected to a Thank You message that uses code siilar to what is above.  I've also included a screenshot of what I am tring to do with the Thank You message.

    Page URL:
    https://dl.dropbox.com/u/1007716/bbClients/2013/internal/meebee/boiler<br/>plate/htmlBuilder03.html

    Screenshot
    javascript thank you syntax highlighter Thank You message custom thank you message
  • Profile Image
    JotForm Support

    Answered by idarktech on January 09, 2013 at 04:43 PM

    Hi,

    Sorry but it is not possible. We do not allow javascript injection on Thank you Message editor.

    A possible solution is to use Custom URL thank you option and enable your form's send post data so you can get user's value from the form. Though, this requires basic knowledge on PHP, if you are interested follow this guide: How to Post Submission Data to Thank You Page

    Feel free to let us know if you have further questions. Thanks!

  • Profile Image

    Answered by ecbudesign on January 09, 2013 at 04:51 PM

    That is too bad.  Does it also cut out style sheet links? 

    I will check out the link above, unfortunately, I don't currently have a place to host wth PHP support.

  • Profile Image
    JotForm Support

    Answered by jonathan on January 09, 2013 at 04:59 PM

    @ecbudesign

    Hi, actually tested your form's direct URL.. and I got this thank you screen.

    Is this not enough to what you need? And yes, even stylesheet links are stripped off in the TY page.

    There are some free web hosting providers that supports PHP... you can search for them.

    Thanks.