Jump to content

Archived

This topic is now archived and is closed to further replies.

jaymc

This is probably really easy !

Recommended Posts

[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!

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites
Nor can it... only the document DOM object has a .write method.  However, you can set its .innerHTML instead.

Share this post


Link to post
Share on other sites
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]

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.