How to get a form to show what you type 1

hitsuin · Sep 22, 2010

Hi everyone, I've looked online but can't figure out how to get a page to print out a whatever text I write in a box on the same page below the textbox. I can't use response.write as the avascript will be expanded to manipulate the input.

If you have any idea's please let me know.
Many thanks.

Code:

<html>
<head>
<script type="text/javascript">
function show_prompt()
{
document.write(textbox);
}

</script>
</head>
<body>

<form action="">
Textbox </br> <input type="text" name="textbox" /><br />
</form>

</body>
</html>

BillyRayPreachersSon · Sep 23, 2010

I'd put an empty container (e.g. div, p, etc) where you want it, and set its innerHTML to the correct value.

Hope this helps,

Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Snippets & Info:

http://www.codecouch.com/

The Out Atheism Campaign

hitsuin · Sep 23, 2010

Thanks for trying, it probably would have helped me if I wasn't an ameteur who slams code together and tries to get them to work. I'm looking into this div stuff but don't see how to marry the two yet.

BillyRayPreachersSon · Sep 23, 2010

Something like this:

Code:

<html>
<head>
    <script type="text/javascript">

        function copy_text() {
            var theText = document.getElementById('textbox').value;
            var theDiv = document.getElementById('targetDiv');
            theDiv.innerHTML = theText;
        }

    </script>
</head>

<body>
    <form action="">
        Textbox
        </br>
        <input type="text" name="textbox" id="textbox" />
        </br>
        <input type="button" value="Copy text" onclick="copy_text();" />
    </form>
    
    <div id="targetDiv"></div>
</body>
</html>

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Snippets & Info:

http://www.codecouch.com/

The Out Atheism Campaign

hitsuin · Sep 23, 2010

Thank you very much Dan, this has given me the insight to the missing link I sorely needed.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

How to get a form to show what you type 1

hitsuin

Vendor

BillyRayPreachersSon

Programmer

hitsuin

Vendor

BillyRayPreachersSon

Programmer

hitsuin

Vendor

Similar threads

Part and Inventory Search

Sponsor