AJAX

Accessing Non-form Variables

Please support our JavaScript / DHTML / AJAX advertiser: 50% Off 6 Months Web Hosting from 1&1. The World's #1 Host!

•

Join Date: Apr 2005

Posts: 71

Reputation: AhmedHan is an unknown quantity at this point

Solved Threads: 1

AhmedHan

Offline

Junior Poster in Training

Accessing Non-form Variables

Apr 24th, 2006

 Help with Code Tags 
 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?

•

Join Date: Dec 2004

Posts: 2,413

Reputation: Comatose is a jewel in the rough

Solved Threads: 212

Comatose

Offline

Taboo Programmer

Re: Accessing Non-form Variables

Apr 24th, 2006

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:

 Help with Code Tags 
 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>

•

Join Date: Dec 2004

Posts: 1,655

Reputation: tgreer is an unknown quantity at this point

Solved Threads: 35

tgreer

Offline

Made Her Cry

Re: Accessing Non-form Variables

Apr 24th, 2006

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.