Javascript document.write problems

**Pounder** · 07-05-2003, 06:24 AM

I have code which looks something like the following:

Code:

	<head>
		<title>Wonderful Website</title>
		<script>
			function drawLayerLogin()
			{
				document.write('testing...');
			}
		</script>
	</head>
	<body bgcolor="#00ffff">
		<A href="javascript:drawLayerLogin();">Login</a>
</body>

but the problem is when I click the Login link the page clears and the message testing... is displayed at the top on its own and not on the original document. Eventually i want this code to draw a CSS layer over the page contining a login form so how do I make it keep the original page content?

**QuietDean** · 07-05-2003, 06:45 AM

Hi there,

There is a method called innerHTML which would do this, but it is not very cross-browser. Therefore, I think you should use CSS.

If you have your layer on the page. but display: none set on it, you can change the class of the layer to make it visible using JavaScript.

Tutorial on changing classes via JavaScript -

http://css.somepeople.net?page=dynamic

**Pounder** · 07-05-2003, 10:46 AM

So where does changing text colours come into making layers visible?

**QuietDean** · 07-05-2003, 11:20 AM

With a little imagination.

its an example of how to change the class of an element, so what if the two classes are -

Code:

.hide {
display: none;
}
.show {
display: block;
}

So if you can change between those classes, you get the effect of making something visible or invisible.

Thread: Javascript document.write problems

Thread Tools

Related

using javascript to update checkbox values and write output to textarea dynamically Forum: Javascript Forum

Question about using Javascript to write XML tags and all to the browser window Forum: Javascript Forum

document.write() query Forum: Javascript Forum

multi-level JavaScript document.write / html page within a html page Forum: Javascript Forum

document.write question Forum: Javascript Forum

Javascript document.write problems

Tags for this Thread

Cloudjiffy- PaaS for Developers