JavaScript Forum

**lizard dude** · 10-12-2005, 01:32 AM

Hey here is my script again

Quote:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Chat Room</title>
</head>
<script type="text/javascript">
document.write( "<div id='lyr' style:'position:absolute;top:90px;left:10px;width: 200px;height:10px;z-index:10;background-color:black'></DIV>")

function enter()
{
var str=document.forms.f.txt.value;
var obj=documen.getElementById("lyr");
obj.document.open()
obj.document.write(str)
obj.document.close()
}

</script>

<body>

</body>
</html>

but the problem is that it doesn't do anything on the browser.........neither on the preview from my html editor........

**kline11** · 10-12-2005, 11:13 AM

Try adding into the body tag, onLoad="enter()" like this:
<body onLoad="enter()">

**brucec** · 10-12-2005, 11:18 AM

Of course, if displays nothing. You have no HTML code between the <body> and </body> tags. That's obvious.

What the problem looks like to me is that you have the document.write function that you have will not print anything since it is hanging in the <head> section without a function. Also, you have no real text between your <DIV></DIV> tags.

You need a javascript function wrapped around the your document.write method and you need to call that function with an event handler.

Try this in your HTML:
<body onLoad="DisplayDIV()">
</body>

In your Javascript, try:
function DisplayDivs() {
document.write( "<div id='lyr' style:'position:absolute;top:90px;left:10px;width: 200px;height:10px;z-index:10;background-color:black'></DIV>")
}

I tried it in my browser and it works

Bruce

**brucec** · 10-12-2005, 11:21 AM

Quote:

Originally Posted by kline11

Try adding into the body tag, onLoad="enter()" like this:
<body onLoad="enter()">

kline, I tried this and it did not work, because the LYR ID is still not being recognized by the web browser since it is not being printed by the javascript. He still needs a function around the LYR id document.write method and call it with the Enter function.

**funkdaddu** · 11:00 AM

Why not just write it in regular HTML instead of having JS write it? What exactly are you trying to accomplish with this code? There is no form named "f" referenced in your "enter()" function, and no field named "txt".

BTW - style: should be style= in the document.write code, but why not write the css info in a STYLE tag and just write:

Code:

document.write( "<div id='lyr'></DIV>")

and in your HEAD have

Code:

<style type="text/css" media="screen"><!--
#lyr {
	position:absolute;
	top:90px;
	left:10px;
	width:200px;
	height:10px;
	z-index:10;
	background-color:black
}
--></style>

**lizard dude** · 10-18-2005, 09:28 PM

I ma a total noob and i got this script from a book im reading....it's suppose to let the user write something in it and click on a button that will send the text to the layer .....

**funkdaddu** · 10-19-2005, 12:46 AM

Ah, ok, then on that page you need to have a form, named "f" that has a text field, named "txt", with a button (or using the form's onsubmit function) that will run the command "enter()" .. something like this is much simpler if you just want to write text in a box to a DIV:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Chat Room</title>
</head>
<script type="text/javascript">
function writeIt() {
	document.getElementById("lyr").innerHTML = document.f.txt.value;
}
</script>

<body>
<div id='lyr' style="color:white;position:absolute;top:90px;left:10px;width: 200px;z-index:10;background-color:black"></DIV>
<form name="f" onsubmit="writeIt(); return false;">
	<input type="text" name="txt" value="Type something here">
	<input type="submit">
</form>

</body>
</html>

**lizard dude** · 10-20-2005, 10:43 PM

Alright thanks a lot you helped me so much!