I want add a text area for the reciprocal link code?

  • Profile Image
    Asked on August 21, 2011 at 09:01 AM

    Hello Friends, I have a website directory and i want to add a text area to my form which shall include the reciprocal link code to my website. I tried to do it my self but jotform automatically links the code starting with the <a target="_blank" href="http://www.directo.... What i need is that this reciprocal link code shall appear in the text box as it is, i mean without automatically linking to the website otherwise users can not see the code it self to copy/paste on their web pages. Also this text area including the link code should be like when users click on the text area, it shall automatically do "select all" the area content. In short, jotform does the same as what i exactly need. On the form embed page of jotform, as you know the source code appears and when we click on the text area, the content automatically highlights (or performs select all). This is what i need. To make it clear, another nice example is on the Google AdSense script code, that when you click on the area of the ad script, it automatically makes select all. Can you please help me do that ? Thanks is advance. 

  • Profile Image
    Answered on August 21, 2011 at 12:35 PM

    Hello directorise,

    I'm not sure I understood you here. Can you give us a sample form with the problem that you have in it?  Anything inside a text area should be showing as how it is, not as a clickable link, unless what you have is not actually a text area.

    As for the select all feature when clicking inside the text area requires a bit of coding with javascript.  Unfortunately, you cannot do this inside Jotform.  What you can do is copy your form's source code and place it inside your webpage, then that's when you can add javascript codes into your form.

    Warm regards,


  • Profile Image
    Answered on August 22, 2011 at 02:12 AM
    Dear Liyam,

    Ok, as an example, please copy and paste this code into a text area, text box, free html, or a header area.

    Directorise.com Free Website Directory

    When you save the form, please let me know if you can see the link code as it is (same text as the above) or the "Directorise.com" text automatically appears as a underlined text link to http://www.directorise.com ? Please try, this is what i mean. What i need is the code to appear as it is, without automatically linking to the target url address.

    You can see an example at http://www.dcpages.com/Information/dcomlnk.html



  • Profile Image
    Answered on August 22, 2011 at 03:15 AM

    Hi Mert,

    You can use the Free Text (HTML) field and paste the text " Directorise.com Free Website Directory ". Just make sure that the text editor is in HTML mode.

    Visit this form created using this technique - http://www.jotform.com/form/12115409388. Notice that the text was not converted to a clickable hyperlink.

    Please try and let us know how it goes for you.


  • Profile Image
    Answered on August 22, 2011 at 03:35 AM

    Your blog posts automatically delete the links that's why i couldn't explain what i mean. What i would like to see in the form text area is not the text starting with "Directorise.com ...." but this text below (not hyperlinked or etc... - so that users can copy/paste the link code to their websites as a reciprocal link to my site)

    i like to see that one,

    reciprocal link code


    hope it's clear now.


  • Profile Image
    Answered on August 22, 2011 at 04:47 AM

    Hi there,

    You can try using this code below in a free text html and see if it helps. I've tried it on JotForm's formbuilder, and also on dreamweaver to see if it will work as a link when copied and pasted into a website.

    <input name="link" size="70" type="text" value="&lt;a target="_blank" href='google.com'&gt;google&lt;/a&gt;" /> 

    Here are some illustrations from dreamweaver and JotForm's form builder. Hope this helps.

    This is from JotForm's Form Builder with free text html

     Below is a test preview of the form.

    And the actual or working link after copied to a website.

    And for the auto-select all or highlight, you will need custom javascript for it. You can achieve that through editing the full source code of your form.

    If you have further issues and concerns, please feel free to contact us again.

    Thank you for using JotForm.


    Albert  JotForm Support 

  • Profile Image
    Answered on August 22, 2011 at 02:28 PM

    Hi Albert,

    This is the one i derived based on your code above;

    <input name="http://www.directorise.com" size="70" type="Free Website Directory" value="&lt;a target="_blank" href='http://www.directorise.com' rel="nofollow noopener"&gt;Free Website Directory&lt;/a&gt;" />

    This exactly gives what i need.

    Thank you very much :)

  • Profile Image
    Answered on August 22, 2011 at 10:23 PM

    Hi directorise,

    It's good to hear you've sorted things out already. If you do have any other questions in the future, don't hesitate to contact us again. We will be more than happy to assist you with anything.

    Enjoy using JotForm! :)


    Albert  JotForm Support