devxlogo

Dynamic Content Using Radio Buttons

Dynamic Content Using Radio Buttons

Question:

I wrote JavaScript code that displays different text depending on the radio button clicked. I used innerHTML to display text, which works fine on Internet Explorer 5 but not on Netscape 4.6. What should I do?

Answer:

A somewhat equivalent technique to use with Navigator 4.x is a combination of document.write and document.close. However, this will only work with layer type objects?objects defined using the LAYER tag (don’t use this), or content contained in positioned DIV or SPAN blocks. To replace contents, use something similar to this code (if you’ve attached an identifier of “test” to the block):

document.test.document.write("

test

");document.test.document.close();

Navigator creates a new document object for each layer, and document supports the write method to create the document’s contents. The close method then forces a redraw. One area where innerHTML and document.write differ is that document.write does not preserve any CSS styling for the block.

devx-admin

Share the Post: