This is probably really easy !

[jaymc]

[code]<INPUT TYPE = Button VALUE = "Click Me" OnClick = "document.write('Hello World')">[/code]

Pretty simple right?

Well, it works... but not the way I want it too!

When clicking, the javascript writes 'Hello World' to the document, but deletes all the content. So, in this example, the form button disapears

I want it to just write 'Hello World' underneath the form button for example

How can this be achieved

Thanks!

[yonta]

How about putting a div below the submit button, and google about javascript's getElementById and innerHTML?

Yes, this is really easy. Too easy to give you the full answer. Just google.

[ldsmike88]

Instead of telling it to write it over the document, try giving it a spacific div tag to write it to. Try using something like this:

[code]

<INPUT TYPE = Button VALUE = "Click Me" OnClick = "document.getElementById('myDivID').write('Hello World')">
<div id = "myDivID">It will appear here.</div>[/code]

Tell me if it works.

[jaymc]

That did not work

[fenway]

Nor can it... only the document DOM object has a .write method.  However, you can set its .innerHTML instead.

[yonta]

So basically

[code]
<INPUT TYPE = Button VALUE = "Click Me" OnClick = "document.getElementById('myDivID').innerHTML='Hello World'">
<div id = "myDivID">It will appear here.</div>
[/code]