Accessing Non-form Variables

Expand Post »

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<html>
<head>
	<meta http-equiv="Content-Type"content="text/html; charset=windows-1254">
	<title>JavaScript</title>
</head>
<body bgcolor="#000000" text="#ffffff" vlink="#99FF33" link="#FF99FF">
 
<script language="javascript">
	function ShowValue()
	{
		document.TextBox.value = "You clicked the button."; //Error on this line
	}
</script>
 
<input type="text" name="TextBox" width="128"><br>
<input type="button" name="Show" value="Show" onClick="ShowValue();">
 
</body>
</html>
<html>
<head>
	<meta http-equiv="Content-Type"content="text/html; charset=windows-1254">
	<title>JavaScript</title>
</head>
<body bgcolor="#000000" text="#ffffff" vlink="#99FF33" link="#FF99FF">

<script language="javascript">
	function ShowValue()
	{
		document.TextBox.value = "You clicked the button."; //Error on this line
	}
</script>

<input type="text" name="TextBox" width="128"><br>
<input type="button" name="Show" value="Show" onClick="ShowValue();">

</body>
</html>

Text control doesn't show the text. Why doesn't it?

Similar Threads

Send form inputs to email address in PHP
Accessing objects that are not in the form fields in JavaScript / DHTML / AJAX
cdoMessage.To=Request.Form("email") in ASP
PHP, ASP, ColdFusion, what's your fav? in IT Professionals' Lounge
Unable to insert form data into a database in ASP

AhmedHan

Reputation Points: 13

Solved Threads: 1

Junior Poster in Training

Offline

71 posts
since Apr 2005

Permalink

Apr 24th, 2006

Re: Accessing Non-form Variables

For reasons that are beyond my understanding, we are being moved into the whole new era of having to give things ID's. If someone knows another way, simplier, using names, please let me know, but try this:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<html>
<head>
	<meta http-equiv="Content-Type"content="text/html; charset=windows-1254">
	<title>JavaScript</title>
	<script language="javascript">
	function ShowValue()
	{
		document.getElementById("TextBox").value = "You clicked the button."; 	
 
	}
	</script>
</head>
<body bgcolor="#000000" text="#ffffff" vlink="#99FF33" link="#FF99FF">
 
 
<input type="text" ID="TextBox" name="TextBox" width="128"><br>
<input type="button" name="Show" value="Show" onClick="ShowValue();">
 
</body>
</html>
<html>
<head>
	<meta http-equiv="Content-Type"content="text/html; charset=windows-1254">
	<title>JavaScript</title>
	<script language="javascript">
	function ShowValue()
	{
		document.getElementById("TextBox").value = "You clicked the button."; 	

	}
	</script>
</head>
<body bgcolor="#000000" text="#ffffff" vlink="#99FF33" link="#FF99FF">


<input type="text" ID="TextBox" name="TextBox" width="128"><br>
<input type="button" name="Show" value="Show" onClick="ShowValue();">

</body>
</html>

Comatose

Team Colleague

Reputation Points: 361

Solved Threads: 214

Taboo Programmer

Offline

2,413 posts
since Dec 2004

Permalink

Apr 24th, 2006

Re: Accessing Non-form Variables

Well, you don't show any DOCTYPE, so we, and your browser, have no idea of which Document Object Model to use. "document.Textbox" may or may not be meaningful in any particular browser's default HTML version/DOM.

You simply must declare a proper DOCTYPE, and then work within that Object Model.

Both "document.getElementById()" and "document.getElementByName()" are perfectly valid methods within their DOMs.

tgreer

Team Colleague

Reputation Points: 227

Solved Threads: 37

Made Her Cry

Offline

1,697 posts
since Dec 2004

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Help w (document.lastModified)

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: JavaScript for uploading images to website

DaniWeb Message

Cancel Changes

User Name
Password