JavaScript Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
 



Go Back   Dev Articles Community ForumsProgrammingJavaScript Development

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
  #1  
Old November 24th, 2013, 01:07 PM
justasiam justasiam is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Mar 2009
Posts: 11 justasiam User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 33 m 38 sec
Reputation Power: 0
Other - Building a Table in JS and it Will Not Display

I am trying to create a table in JavaScript that contains a list of degrees, radians, sin, cos, and tan.

I have the math right, but I am having trouble with the creating the table.

It is not displaying. I know it is something simple, but I am missing it.

Ideas?

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><title>Computer Science 553 Lab Pages: Lab 3: Trig Functions On The Fly</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<h1>Table of Sines, Cosines, and Tangents</h1>
<h2>Charles P. Scott    |    9092</h2>
<hr>

<script type="taxt/javaScript">
// Setting Up Variables
var myTable			=	document.createElement("table");
var tRowH			=	document.createElement('tr');
var tCellH_Radians	=	document.createElement('th');
var tCellH_Degrees	=	document.createElement('th');
var tCellH_SinX		=	document.createElement('th');
var tCellH_CosX		=	document.createElement('th');
var tCellH_TanX		=	document.createElement('th');
var angleR			=	0;
var angleD			=	0;

// Building the Table
document.appendChild(myTable); // <table>

// Creating the Header Row 
myTable.appendChild(tRowH); // <th>

// Building the Cells in the Header Row
tRowH.appendChild(tCellH_Radians);
tRowH.appendChild(tCellH_Degrees);
tRowH.appendChild(tCellH_SinX);
tRowH.appendChild(tCellH_CosX);
tRowH.appendChild(tCellH_TanX);

// Populate the Cells in the Header Row
tCellH_Radians.appendChild(document.createTextNode  ('Radians'));
tCellH_Degrees.appendChild(document.createTextNode  ('Degrees'));
tCellH_SinX.appendChild(document.createTextNode('s  in(x)'));
tCellH_CosX.appendChild(document.createTextNode('c  os(x)'));
tCellH_TanX.appendChild(document.createTextNode('t  an(x)'));

for ( var i = 0; i < 25; i++ ) { // Loop to Build the Interior Table Cells

// Setting Up Variables
	var tRowC			=	document.createElement('tr');
	var tCell_Radians	=	document.createElement('td');
	var tCell_Degrees	=	document.createElement('td');
	var angleRImg		=	document.createElement('img');
		angleRImg.setAttribute('src', 'images/img' + angleD + '.gif');
	var tCell_SinX		=	document.createElement('td');
	var result_SinX		=	Math.round(Math.sin(angleR)*100000)/100000;
	var tCell_CosX		=	document.createElement('td');
	var result_CosX		=	Math.round(Math.cos(angleR)*100000)/100000;
	var tCell_TanX		=	document.createElement('td');

	// Building the Loop Row
	myTable.appendChild(tRowC); // <tr>
	if ((i+1)%2==0){
		tRowC.setAttribute('class','alt'); // Sets up the Alternate Row Color
	}
	
// Building the Table Cells
	tRowC.appendChild(tCell_Radians);
	tRowC.appendChild(tCell_Degrees);
	tRowC.appendChild(tCell_SinX);
	tRowC.appendChild(tCell_CosX);
	tRowC.appendChild(tCell_TanX);

// Populating the Cells
	tCell_Radians.appendChild(angleRImg);
	tCell_Degrees.appendChild(document.createTextNode(  angleD + ""));
	tCell_SinX.appendChild(document.createTextNode(res  ult_SinX));
	tCell_CosX.appendChild(document.createTextNode(res  ultCosX));
		if ((angleD === 90) || (angleD === 270)){ // Setting Angles 90 and 270 to "Undefined"
			var resultTanX = "Undefined";
		}
		else {
			var resultTanX = Math.round(Math.tan(angleR)*100000)/100000;
		}
	tCell_TanX.appendChild(document.createTextNode(res  ultTanX));

// Incrementing the Angles
	angleR += Math.PI/12; // The Same as 15 Degrees
	angleD += 15;
}
</script>

<br /><br />
<a href="javascript:history.go(-1)">[ Go Back ]</a>
</body></html>

Reply With Quote
  #2  
Old November 24th, 2013, 02:02 PM
justasiam justasiam is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Mar 2009
Posts: 11 justasiam User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 33 m 38 sec
Reputation Power: 0
Solution

I solved the problem. It was two-fold

1 - The <script type="text/JavaScript"> was typed incorrectly.
2 - the line that says "tCell_CosX.appendChild(document.createTextNode(res ultCosX));"
resultCosX should have been result_CosX

Now it works.

Reply With Quote
  #3  
Old November 27th, 2013, 09:08 PM
Dea4arrison Dea4arrison is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Nov 2013
Posts: 2 Dea4arrison User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 8 m 36 sec
Reputation Power: 0
I have the math right, but I am having trouble with the creating the table.URLURLURLURLURLURL

Reply With Quote
Reply

Viewing: Dev Articles Community ForumsProgrammingJavaScript Development > Other - Building a Table in JS and it Will Not Display


Developer Shed Advertisers and Affiliates


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

© 2003-2017 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap