Insert code only link into textarea

This should be very simple.
It is NOT a live link!
I have no idea how to do this, so need some help please.

Expand|Select|Wrap|Line Numbers

 
<form>

<input type="button" id="link" value="Link"><br>

<textarea name="message" style="width:40%; height:100px;">

<a href="http://domain.com">Name</a>

</textarea><br>

<input type="submit" value="Save">

</form>

The object is to:
1 Click the Link button.
2 Enter URL into 1st prompt
3 Enter Name into 2nd prompt
4 The HTML will show in the textarea (like above)
5 Save does all the rest elsewhere.

I reckon this will probably not be more than 1k of JavaScript.

Hope someone can help - thanks in advance.

Nov 1 '18 #1

Subscribe Post Reply

1769

Luuk

1,047

Expert 1GB

In your scenario, I think point 2 and 3 should go before point 1. Its' much easier to first input the data you need, and by clicking on the link start to do something with that data.

About point 4: I think it's not possible to show HTML of an external site in a textarea.

You should use IFRAME for that purpose.

Nov 4 '18 #2

Roamer

Thanks

HTML in a textarea is standard for editors. The code gets parsed when processed.

Nov 14 '18 #3

Luuk

1,047

Expert 1GB

OK, I was bored, so I googled for the answer I did not know, and hers is the output:

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html>

<html lang="en">

<head>

    <script>
 
        // https://stackoverflow.com/questions/10642289/return-html-content-as-a-string-given-url-javascript-function

        function httpGet(theUrl) {

            if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari

                xmlhttp = new XMLHttpRequest();

            }

            else {// code for IE6, IE5

                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

            }

            xmlhttp.onreadystatechange = function () {

                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

                    document.getElementById('returnText').value = xmlhttp.responseText;

                    //returnText.value = "TESTTEXT";

                    //return "TESTTEXT";

                    //return xmlhttp.responseText;

                }

            }

            xmlhttp.open("GET", theUrl, false);

            xmlhttp.send();

        }
 
        function dostuff() {

            var link = document.getElementById('textlink');

            alert('dostuff:' + link.value);

            httpGet(link.value);
 
        }
 
    </script>

</head>

<body>

    <input type="button" id="link" value="Link" onclick="dostuff()"><br>

<textarea id='textlink'>http://domain.com</textarea>

    <form onsubmit="dostuff()">

        <input type="button" id="link" value="Link" onsubmit="dostuff()"><br>

<textarea name="message" id="returnText" style="width:40%; height:100px;">

<a href="http://domain.com">Name</a>

<h1>TEST-H1</h1>

</textarea><br>

        <input type="submit" value="Save">

    </form>

    <p>You might get an error described on this page: https://techsupport.osisoft.com/Documentation/PI-Web-API/help/topics/cross-origin-resource-sharing.html</p>

</body>

</html>

Nov 15 '18 #4

CaseyJohnes

Can you do it vice versa? Maybe it will help?

Nov 16 '18 #5

Luuk

1,047

Expert 1GB

"vice versa"?, you mean putting the (html-)code back on the server?

That will be pretty useless. A properly configured server will not allow that (to be done from a remote location).

Also a lot of servers use logic to create HTML-pages, like PHP, NodeJS, .ASP . If that's the case, than it will be even more useless to put code back to the server.

Nov 16 '18 #6

Similar topics

insert text in textarea

by: Gordan | last post by:

Hi i would like to insert some text in textarea at the current cursor position (not on the end of txtarea (not value+=something)) any ideas? :-) Gordan

Javascript

insert text in textarea on right click in java script

by: Max | last post by:

i want to insert a predefined string in a textarea when i right click on the mouse. i need to do it in internet explorer and mozilla.

Javascript

How To Insert Code With Javascript, How to insert into a div an amountof code

by: Sergio del Amo | last post by:

i, I have the next html page <html> <head> <script> <!-- function insertcode() { var code ="<p> blablabal babala babababab</p><h1>here comes header</h1><span>fadfafa<a...

Javascript

Insert <link rel="stylesheet"....>

by: Islam Elkhayat | last post by:

Hello everybody Ihave few .CSS files, I let user select the color schema of the whole site using a radiobutton and save it in a cookie.. I want to retrieve the value of the cookie <link href=" ...

C# / C Sharp

Is there anything wrong with my insert code?

by: Mano kumar | last post by:

hello guys, i'm having a very strange problem, this is a simple insert code. andthe insert stmt has NO problem cos i've tried it on my access table. and heres the error msg Operation must use...

ASP.NET

Insert Text From TEXTAREA into MySQL

by: TristaSD | last post by:

Hi, I'm trying to figure out how to INSERT/UPDATE text from TEXAREA into MySQL. Because TEXAREA has no VALUE, I'm hitting a brick wall here. Thanks!

PHP

insert javascrpt into textarea?

by: globalrev | last post by:

i have a translator-program for the robbers language. i want the user to input into the topwindow and then display the encryption or decryption in the bottom window. i am currently trying to...

Javascript

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

General

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

Microsoft Access / VBA