Can you swap text with Javascript

is it similar to swapping an image

[too much information]

I am able to swap images using Javascript, and I can even swap text in an input box of a form, but is there a way to swap text characters not contained in a form?

Or is there a way to create an input box that is transparent so that only the characters show up?

[txbakers]

Yes, you can do it with Javscript and CSS by playing with the "style=display:none" idea.

[too much information]

so would I put the CSS and ID tags in a <b> or something like that?

[korkus2000]

You can use a function like this:

<script>
function showHide(elementid){
if (document.getElementById(elementid).style.display == 'none'){
document.getElementById(elementid).style.display = '';
} else {
document.getElementById(elementid).style.display = 'none';
}
}
</script>

I don't know how cross browser it is. NN4 won't see it. Then you need to style the element with display:none. Then have what ever is calling it pass the id of the hidden element as an aurgument.

Have the div:

<div id="nameOfDiv" style="display:none">text</div>

then the switcher event:

<a href="javascript:showHide('nameOfDiv');">show layer</a>

[too much information]

I got it to work. I wanted to swap a right arrow with a down arrow when a div was displayed so that people would understand that the div could be hidden again. (I was getting complains that the page got too long when you opened all of the layers) It's a Q&A page where the A's expand when you click on the Q's.

It looks pretty sharp. I just expanded my javascript to take a few extra calls. I also included the id and style attribute in a bold tag. It looks like this:

<b id="arrow1" style='display: block'>&#9658;</b><b id="darrow1" style='display: none'>&#9660;</b>

I guess I could have used the div but sometimes those get irritating because they don't position correctly for me cross browser, and I thought this would be much more simple.

Thanks for the tips.