How do I show field data in free text html element?

  • Profile Image
    pekadess
    Asked on September 27, 2012 at 07:07 AM

    Case: Client enters field data

    Need: Show field data in non-editable text-line (free html text)

     

    E.g.: Client enters data: dd-mm-yyyy
    Show Text: You're welcome on dd-mm-yyyy. The coffee will be hot.

  • Profile Image
    abajan
    Answered on September 27, 2012 at 07:26 AM

    This would require embedding a copy of the form's source into a web page and then adding a script to the said page. The functionality would be somewhat similar to that illustrated in this user guide but will not require any checkbox to copy the text. Instead, it will update dynamically (as the user types).

    To which of your forms are you referring? I can provide the script but would need to know exactly what the text in the uneditable field should state.

    We look forward to your reply.

  • Profile Image
    pekadess
    Answered on September 27, 2012 at 07:35 AM

    Thanks for your reply.

    The form is: http://form.jotformeu.com/form/22442174286352

    The requested result is displayed at the bottom as free text html field right now.
    I'm looking forward to your reply.

  • Profile Image
    abajan
    Answered on September 27, 2012 at 07:43 AM

    Okay, thanks. I'll see what I can do and get back to you.

  • Profile Image
    pekadess
    Answered on September 27, 2012 at 07:46 AM

    Great!

  • Profile Image
    abajan
    Answered on September 27, 2012 at 06:07 PM

    Hi again

    Although I was able to get the paragraph at the bottom of the form to update according to the dates and times entered, it doesn't happen "on the fly" (so to speak). This is due to the fact that users have a choice of either selecting a date via the popup calendar (which most will probably do), or entering the data into each box manually. If it were a situation where they could only employ the latter method, it would be no problem but due to the way JavaScript works, I had to insert an intermediate step (in the form of a page break).

    The functionality to which I'm referring can be observed in the clone of your form which I've embedded into this page. Would the method demonstrated there be acceptable? (I'm not sure if the text on the "Next" button on the form's first page makes any sense when translated to Dutch but that can be easily corrected.)

    Let me know your thoughts.

  • Profile Image
    pekadess
    Answered on October 04, 2012 at 01:47 PM

    Thanks! This looks certainly great.

    I'll give it a try.

    Kind regards

     

  • Profile Image
    abajan
    Answered on October 04, 2012 at 07:54 PM

    In your form, besides the addition of the page break (which contains the first page's "Next" button and last page's "Back" button), the paragraph would need to be edited to include empty spans whose content would be updated (using a method somewhat similar to that illustrated here) via a copy of the script you see at the bottom of the demo page's source. That script would need to be embedded into the same page that would contain the copy of your form's source, just before the closing body tag (of the page). Also, in the demo, CSS was injected (this can be seen in the page's source) to, among other things, re-position the the page break's buttons.

    Although some of the above steps can be eliminated if my clone is cloned back to your account and that form used instead of the original, it may still seem to be a fairly involved process. So, if you need any assistance, please let us know. We'd be glad to help.