Solved

multiplication table

Posted on 2010-11-11
6
926 Views
Last Modified: 2012-05-10
Experts,

I'm having trouble creating the multiplication table correctly where it displays 0 * any number up to 9 is 0 -- make the bottom screen shot look like the top screenshot in attached .docx

prob something simple but completely brain dead

thanking you in advance.


 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Math Tables</title>
<style type="text/css">
<!--
#form1 table {
	text-align: center;
}
#form1 table {
	text-align: center;
}
#form1 table tr td {
	font-weight: bold;
}
#form1 table caption {
	font-weight: bold;
}
-->
</style>
</head>

<body>
<script type="text/javascript"> 
/* <![CDATA[ */


var arrayOne = new Array(11);

for (var i = 0; i <= 10; i++) {

  arrayOne[i] = i;

}

var newWindow;

function openWindow() {

  if (!(newWindow)) {

	newWindow = window.open();

  }

}

function closeWindow() {

  newWindow.document.close();

}

/* make a addition table... */
function additionTable() {

  openWindow();
  newWindow.document.write("<table border=1 cellspacing=1 cellpadding=5>");
	
  for (var i = 0; i < 11; i++) {

	newWindow.document.write("<tr>");

	for (var j = 0; j < 11; j++) {

	  newWindow.document.write("<td>" + (i + j) + "</td>");

	}

	newWindow.document.write("</tr>");

  }

  closeWindow();

}

/* make a multiplication table... */
function multiplicationTable() {

openWindow();

newWindow.document.write("<table border=1 cellspacing=1 cellpadding=5>");
     
	  for (var i = 0; i < 10; ++i) {
	 
	    newWindow.document.write("<tr>");
	 
	    for (var j = 0; j < 11; ++j) {
	 
	      newWindow.document.write("<td>" + i * j + "</td>");
	 
	    }
	 
	    newWindow.document.write("</tr>");
	 
	  }
	 
	  closeWindow();
	 
	}


/* ]]> */
</script>
<form id="form1" name="form1" method="post" action="">
  <table width="372" border="15" cellpadding="5" cellspacing="5">
    <caption>
          Addition / Multiplication Tables
    </caption>
        <tr>
          <th width="150" align="center" valign="middle" scope="col">Addition</th>
          <th width="150" align="center" valign="bottom" scope="col"><input type="submit" name="btnadd" id="btnadd" value="Submit" onclick="additionTable()" /></th>
        </tr>
        <tr>
          <td align="center" valign="middle">Multiply</td>
          <td align="center" valign="bottom"><input type="submit" name="btnmultiply" id="btnmultiply" value="Submit" onclick="multiplicationTable()" /></td>
        </tr>
  </table>
      <br />
</form>
</body>
</html>

Open in new window

screenshots.docx

0
Comment
Question by:dvcrdu
  • 3
  • 2
6 Comments
 
LVL 17

Accepted Solution

by:
jrm213jrm213 earned 500 total points
ID: 34115656

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Math Tables</title>
<style type="text/css">
<!--
#form1 table {
	text-align: center;
}
#form1 table {
	text-align: center;
}
#form1 table tr td {
	font-weight: bold;
}
#form1 table caption {
	font-weight: bold;
}
-->
</style>
</head>

<body>
<script type="text/javascript"> 
/* <![CDATA[ */


var arrayOne = new Array(11);

for (var i = 0; i <= 10; i++) {

  arrayOne[i] = i;

}

var newWindow;

function openWindow() {

  if (!(newWindow)) {

	newWindow = window.open();

  }

}

function closeWindow() {

  newWindow.document.close();

}

/* make a addition table... */
function additionTable() {

  openWindow();
  newWindow.document.write("<table border=1 cellspacing=1 cellpadding=5>");
	
  for (var i = 0; i < 11; i++) {

	newWindow.document.write("<tr>");

	for (var j = 0; j < 11; j++) {

	  newWindow.document.write("<td>" + (i + j) + "</td>");

	}

	newWindow.document.write("</tr>");

  }

  closeWindow();

}

/* make a multiplication table... */
function multiplicationTable() {

openWindow();

newWindow.document.write("<table border=1 cellspacing=1 cellpadding=5>");
     	  newWindow.document.write("<tr><td>&nbsp;</td>");
	  for(var i=0;i<11;++i)
	  {
                   newWindow.document.write("<td>" + i + "</td>");
               }
	  for (var i = 0; i < 10; ++i) {
	 
	    newWindow.document.write("<tr>");
                 newWindow.document.write("<td>" + i + "</td>"); 	 
	    for (var j = 0; j < 11; ++j) {
	 
	      newWindow.document.write("<td>" + i * j + "</td>");
	 
	    }
	 
	    newWindow.document.write("</tr>");
	 
	  }
	 
	  closeWindow();
	 
	}


/* ]]> */
</script>
<form id="form1" name="form1" method="post" action="">
  <table width="372" border="15" cellpadding="5" cellspacing="5">
    <caption>
          Addition / Multiplication Tables
    </caption>
        <tr>
          <th width="150" align="center" valign="middle" scope="col">Addition</th>
          <th width="150" align="center" valign="bottom" scope="col"><input type="submit" name="btnadd" id="btnadd" value="Submit" onclick="additionTable()" /></th>
        </tr>
        <tr>
          <td align="center" valign="middle">Multiply</td>
          <td align="center" valign="bottom"><input type="submit" name="btnmultiply" id="btnmultiply" value="Submit" onclick="multiplicationTable()" /></td>
        </tr>
  </table>
      <br />
</form>
</body>
</html>

Open in new window

0
 
LVL 29

Expert Comment

by:Badotz
ID: 34116344
Homework?
0
 

Author Comment

by:dvcrdu
ID: 34116855
teaching myself javascript, the book i'm using is less than helpful, but I'm too stubborn to have my money go to waste.  kinda like the old saying, the lawyer who represents himself has an idiot for a client.
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 

Author Closing Comment

by:dvcrdu
ID: 34116857
as all ways, thanks for the help!
0
 
LVL 29

Expert Comment

by:Badotz
ID: 34116882
Pick up a copy of The JavaScript Bible by Danny Goodman, et al. Forget about the lawyers; if you want something done right, do it yourself ;-)
0
 

Author Comment

by:dvcrdu
ID: 34116976
that's too cool. will do.

Thanks!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When you need to keep track of a simple list of numbers or strings, the Array object is your most direct tool.  As we saw in my earlier EE Article (http://www.experts-exchange.com/A_3488.html), typical array handling might look like this: (CODE) B…
Introduction HTML checkboxes provide the perfect way for a web developer to receive client input when the client's options might be none, one or many.  But the PHP code for processing the checkboxes can be confusing at first.  What if a checkbox is…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

863 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now