Hi, I'm having some problem with innerHTML. I was able to enter content into innerHTML with javascript. But how do I clear the innerHTML content and enter another new content? Below is the example problem

--------------------------------------------------------------------------

<div id="testing"></div>

<script type="text/javascript">
function show1() {
document.getElementById('testing').innerHTML = "Hello World";
}
function show2() {
document.getElementById('testing').innerHTML = "Goodbye World";
}
</script>

<input type="button" value="show1" onmousedown="javascript:show1();" />
<input type="button" value="show1" onmousedown="javascript:show2();" />

--------------------------------------------------------------------------

When I try it, it ended up showing "Hello WorldGoodby World" if I press "show1" then press "show2". How can I clear the content before enter new content in innerHTML?

r u sure or not?? but i tried it with ur ok..it works fine..no problem at all..

after i click show1 button it will display Hello World...then when click on show2 button..it will display Goodbye World...

u may try ur code again, try paste ur code into notepad and save as abc.html at some place(like destop)...then the IE file will appear there, try open it and play its...i thnk ur code will not have any problem...
.......
.........
<div id="testing"></div>

<script type="text/javascript">
function show1() {
document.getElementById('testing').innerHTML = "Hello World";
}
function show2() {
document.getElementById('testing').innerHTML = "Goodbye World";
}
</script>

<input type="button" value="show1" onmousedown="javascript:show1();" />
<input type="button" value="show1" onmousedown="javascript:show2();" />
..
....

__________________
Ideas For Financial Freedom

http://imDavidLee.com

thanks.....I think it was somewhere wrong....the original code is not this long...
it was about 2 page long so I think somewhere might go wrong...anyway, I used a different code to change things by using document.url and pass value from url.

<div id="testing"></div>

what was that?

__________________
Personal's Blog! - Malaysian Artist!

it is unique id for the element..the purpose is to retriev the string value identifying the object.

__________________
Ideas For Financial Freedom

http://imDavidLee.com

No lah!.. it's a blank div.

I think. all those code (the form and button) should be INSIDE that div

__________________
Personal's Blog! - Malaysian Artist!

i thnk the div id and the getElementByID should be same("testing")..this is to retrieve the string value like 'Hello world' and 'Goodbye World'...if not same then i would not display the text..

__________________
Ideas For Financial Freedom

http://imDavidLee.com

shouldnt your closing div tag be at the bottom? well...sounds like it..

__________________

i never tried it b4..bu i thnk that if u put div tag at the bottom..i still can work

__________________
Ideas For Financial Freedom

http://imDavidLee.com