InnerHTML output into a input text box?

**pactor21** · 12-11-2009 02:25 AM

hello. This might be a silly question, but I'm having no clue why it wouldn't work out. I'm simply trying to have a string, "job done", into a input text box.

Here's the code I'm working on.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
	<title>text output testing</title>
	<script language="javascript" type="text/javascript">
		function print()
		{
			document.getElementById('output').innerHTML="job done"
		}
	</script>
</head>

<html>
<body>
<input type="text" id="output"><input type="button" onclick="print();" value="Go">
</body>
</html>

I thought this should work like a breeze, but it makes my bang my head on the wall. Any suggestion will be appreciated.

**Kor** · 12-11-2009 03:12 AM

print is a javascript reserved word. It is a method of the window Global Object, window.print(). Change the name of your function: Print() or printIt() or whichever

On the other hand, the non empty tags (such as INPUT) have no innerHTML, they might have the value attribute

And, the last but the least, there is a mismatch between your Doctype (HTML transitional) and the notation of some of your tags < ... />, which is an XHTML notation, not an HTML one. And you miss your opener tag <html>. And language is deprecated,

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript">
function printIt(){
document.getElementById('output').value="job done"
}
</script>
</head>
<body>
<form action="">
<input type="text" id="output"><input type="button" onclick="printIt();" value="Go">
</form>
</body>
</html>

You see how many errors were?

**pactor21** · 12-11-2009 07:39 PM

Thx for your detailed answer. Worked like a charm.

Thread: InnerHTML output into a input text box?

Thread Tools

Display

InnerHTML output into a input text box?

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions