creating an interactive table

  • Thread starter outstretchedarm
  • Start date
O

outstretchedarm

I'm extremely new to javascript and to programming in general.

I am trying to create an interactive table. I have already created the
table with constants, in the key of C (it is for music). what I would
like to do is to create a dropdown box that would enable the user to
select all 12 keys, then based on that choice, have the whole table
re-calculate, basically transposing all the data up or down.

how would I go about doing this.

here is the code for table as such (let me know if it is inappropriate
to one's pull code into a thread)

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:eek:="urn:schemas-microsoft-com:eek:ffice:eek:ffice"
xmlns:w="urn:schemas-microsoft-com:eek:ffice:word"
xmlns="http://www.w3.org/TR/REC-html40">

<head>
<meta http-equiv=Content-Type content="text/html; charset=us-ascii">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 11">
<meta name=Originator content="Microsoft Word 11">
<link rel=File-List href="TransitionsGrid_files/filelist.xml">
<title>Transitions Grid</title>
<!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Author>Omar Soriano</o:Author>
<o:Template>Normal</o:Template>
<o:LastAuthor>omar.soriano</o:LastAuthor>
<o:Revision>2</o:Revision>
<o:TotalTime>1</o:TotalTime>
<o:Created>2006-08-10T17:00:00Z</o:Created>
<o:LastSaved>2006-08-10T17:00:00Z</o:LastSaved>
<o:pages>1</o:pages>
<o:Words>126</o:Words>
<o:Characters>720</o:Characters>
<o:Lines>6</o:Lines>
<o:paragraphs>1</o:paragraphs>
<o:CharactersWithSpaces>845</o:CharactersWithSpaces>
<o:Version>11.8028</o:Version>
</o:DocumentProperties>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:ActiveWritingStyle Lang="EN-US" VendorID="64" DLLVersion="131077"
NLCheck="1">1</w:ActiveWritingStyle>
<w:ActiveWritingStyle Lang="EN-US" VendorID="64" DLLVersion="131078"
NLCheck="1">1</w:ActiveWritingStyle>
<w:SpellingState>Clean</w:SpellingState>
<w:GrammarState>Clean</w:GrammarState>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:Compatibility>
<w:SelectEntireFieldWithStartOrEnd/>
<w:UseWord2002TableStyleRules/>
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
</w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" LatentStyleCount="156">
</w:LatentStyles>
</xml><![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Wingdings;
panose-1:5 0 0 0 0 0 0 0 0 0;
mso-font-charset:2;
mso-generic-font-family:auto;
mso-font-pitch:variable;
mso-font-signature:0 268435456 0 0 -2147483648 0;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0in;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;
text-underline:single;}
a:visited, span.MsoHyperlinkFollowed
{color:purple;
text-decoration:underline;
text-underline:single;}
span.SpellE
{mso-style-name:"";
mso-spl-e:yes;}
@page Section1
{size:8.5in 11.0in;
margin:2in 1.25in 1.0in 1.25in;
mso-header-margin:.5in;
mso-footer-margin:.5in;
mso-paper-source:0;}
div.Section1
{page:Section1;}
/* List Definitions */
@list l0
{mso-list-id:1110054943;
mso-list-type:hybrid;
mso-list-template-ids:-1641928558 -537788340 67698691 67698693
67698689 67698691 67698693 67698689 67698691 67698693;}
@list l0:level1
{mso-level-start-at:3;
mso-level-number-format:bullet;
mso-level-text:-;
mso-level-tab-stop:.5in;
mso-level-number-position:left;
text-indent:-.25in;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
ol
{margin-bottom:0in;}
ul
{margin-bottom:0in;}
-->
</style>
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin:0in;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";
mso-ansi-language:#0400;
mso-fareast-language:#0400;
mso-bidi-language:#0400;}
</style>
<![endif]--><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="2050"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1"/>
</o:shapelayout></xml><![endif]-->
</head>

<body lang=EN-US link=blue vlink=purple style='tab-interval:.5in'>

<div class=Section1>

<p class=MsoNormal>Transitions Grid</p>

<p class=MsoNormal>By Omar Soriano (<a
href="mailto:eek:[email protected]">[email protected]</a>)</p>

<p class=MsoNormal>&copy; 2006</p>

<p class=MsoNormal><o:p>&nbsp;</o:p></p>

<p class=MsoNormal><o:p>&nbsp;</o:p></p>

<p class=MsoNormal>Key of C</p>

<p class=MsoNormal><o:p>&nbsp;</o:p></p>

<p class=MsoNormal><o:p>&nbsp;</o:p></p>

<table class=MsoNormalTable border=1 cellspacing=0 cellpadding=0
width=670

style='width:502.85pt;margin-left:-17.4pt;border-collapse:collapse;border:
none;mso-border-alt:solid windowtext .5pt;mso-padding-alt:0in 5.4pt
0in 5.4pt;
mso-border-insideh:.5pt solid windowtext;mso-border-insidev:.5pt solid
windowtext'>
<tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes'>
<td width=50 valign=top style='width:37.5pt;border:solid windowtext
1.0pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=89 colspan=2 valign=top style='width:66.95pt;border:solid
windowtext 1.0pt;
border-left:none;mso-border-left-alt:solid windowtext
..5pt;mso-border-alt:
solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
<p class=MsoNormal>C</p>
</td>
<td width=89 colspan=2 valign=top style='width:66.95pt;border:solid
windowtext 1.0pt;
border-left:none;mso-border-left-alt:solid windowtext
..5pt;mso-border-alt:
solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
<p class=MsoNormal>Dm</p>
</td>
<td width=83 colspan=2 valign=top style='width:62.3pt;border:solid
windowtext 1.0pt;
border-left:none;mso-border-left-alt:solid windowtext
..5pt;mso-border-alt:
solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
<p class=MsoNormal><span class=SpellE>Em</span></p>
</td>
<td width=91 colspan=2 valign=top style='width:68.3pt;border:solid
windowtext 1.0pt;
border-left:none;mso-border-left-alt:solid windowtext
..5pt;mso-border-alt:
solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
<p class=MsoNormal>F</p>
</td>
<td width=89 colspan=2 valign=top style='width:66.95pt;border:solid
windowtext 1.0pt;
border-left:none;mso-border-left-alt:solid windowtext
..5pt;mso-border-alt:
solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
<p class=MsoNormal>G</p>
</td>
<td width=89 colspan=2 valign=top style='width:66.95pt;border:solid
windowtext 1.0pt;
border-left:none;mso-border-left-alt:solid windowtext
..5pt;mso-border-alt:
solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
<p class=MsoNormal>Am</p>
</td>
<td width=89 colspan=2 valign=top style='width:66.95pt;border:solid
windowtext 1.0pt;
border-left:none;mso-border-left-alt:solid windowtext
..5pt;mso-border-alt:
solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
<p class=MsoNormal><span class=SpellE>Bdim</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:1;page-break-inside:avoid;height:13.5pt'>
<td width=50 rowspan=4 valign=top style='width:37.5pt;border:solid
windowtext 1.0pt;
border-top:none;mso-border-top-alt:solid windowtext
..5pt;mso-border-alt:solid windowtext .5pt;
padding:0in 5.4pt 0in 5.4pt;height:13.5pt'>
<p class=MsoNormal>C</p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#606060;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=59 rowspan=4 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#606060;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>2</p>
</td>
<td width=59 rowspan=2 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFFF99;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>Gdim7</p>
</td>
<td width=22 rowspan=4 valign=top
style='width:16.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>3</p>
</td>
<td width=61 rowspan=2 valign=top
style='width:45.5pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#99CCFF;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>Dm7</p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>4</p>
</td>
<td width=61 valign=top
style='width:45.5pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext
1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#99CCFF;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>C7</p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>5</p>
</td>
<td width=59 rowspan=2 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:red;padding:0in 5.4pt
0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>Cdim7</p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>6</p>
</td>
<td width=59 rowspan=4 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFCC00;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal><span class=SpellE>Caug</span></p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>7</p>
</td>
<td width=59 rowspan=4 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:13.5pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
</tr>
<tr style='mso-yfti-irow:2;page-break-inside:avoid;height:13.5pt'>
<td width=61 valign=top
style='width:45.5pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext
1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFCC00;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal><span class=SpellE>Caug</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:3;page-break-inside:avoid;height:13.5pt'>
<td width=59 rowspan=2 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:13.5pt'>
<p class=MsoNormal><span class=SpellE>Dbdim</span></p>
</td>
<td width=61 valign=top
style='width:45.5pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext
1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#CC99FF;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>DmM7</p>
</td>
<td width=61 valign=top
style='width:45.5pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext
1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#99CCFF;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>Gb7</p>
</td>
<td width=59 rowspan=2 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFFF99;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>Gdim7</p>
</td>
</tr>
<tr style='mso-yfti-irow:4;page-break-inside:avoid;height:13.5pt'>
<td width=61 valign=top
style='width:45.5pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext
1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:red;padding:0in 5.4pt
0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>Cdim7</p>
</td>
<td width=61 valign=top
style='width:45.5pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext
1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:13.5pt'>
<p class=MsoNormal><span class=SpellE>Dbdim</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:5;page-break-inside:avoid;height:20.25pt'>
<td width=50 rowspan=4 valign=top style='width:37.5pt;border:solid
windowtext 1.0pt;
border-top:none;mso-border-top-alt:solid windowtext
..5pt;mso-border-alt:solid windowtext .5pt;
padding:0in 5.4pt 0in 5.4pt;height:20.25pt'>
<p class=MsoNormal>Dm</p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:20.25pt'>
<p class=MsoNormal>b7</p>
</td>
<td width=59 rowspan=4 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:20.25pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#606060;padding:0in
5.4pt 0in 5.4pt;
height:20.25pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=59 rowspan=4 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#606060;padding:0in
5.4pt 0in 5.4pt;
height:20.25pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=22 rowspan=4 valign=top
style='width:16.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:20.25pt'>
<p class=MsoNormal>2</p>
</td>
<td width=61 valign=top
style='width:45.5pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext
1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:red;padding:0in 5.4pt
0in 5.4pt;
height:20.25pt'>
<p class=MsoNormal>Cdim7</p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:20.25pt'>
<p class=MsoNormal>b3</p>
</td>
<td width=61 rowspan=4 valign=top
style='width:45.5pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFCC00;padding:0in
5.4pt 0in 5.4pt;
height:20.25pt'>
<p class=MsoNormal><span class=SpellE>Faug</span></p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:20.25pt'>
<p class=MsoNormal>4</p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#99CCFF;padding:0in
5.4pt 0in 5.4pt;
height:20.25pt'>
<p class=MsoNormal>Dm7</p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:20.25pt'>
<p class=MsoNormal>5</p>
</td>
<td width=59 rowspan=4 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:20.25pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:20.25pt'>
<p class=MsoNormal>6</p>
</td>
<td width=59 rowspan=4 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:20.25pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
</tr>
<tr style='mso-yfti-irow:6;page-break-inside:avoid;height:6.7pt'>
<td width=61 rowspan=3 valign=top
style='width:45.5pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:6.7pt'>
<p class=MsoNormal><span class=SpellE>Ebdim</span></p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFCC00;padding:0in
5.4pt 0in 5.4pt;
height:6.7pt'>
<p class=MsoNormal><span class=SpellE>Daug</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:7;page-break-inside:avoid;height:6.7pt'>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:6.7pt'>
<p class=MsoNormal><span class=SpellE>Ebdim</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:8;page-break-inside:avoid;height:6.7pt'>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#99CCFF;padding:0in
5.4pt 0in 5.4pt;
height:6.7pt'>
<p class=MsoNormal>Ab7</p>
</td>
</tr>
<tr style='mso-yfti-irow:9;page-break-inside:avoid;height:13.5pt'>
<td width=50 rowspan=4 valign=top style='width:37.5pt;border:solid
windowtext 1.0pt;
border-top:none;mso-border-top-alt:solid windowtext
..5pt;mso-border-alt:solid windowtext .5pt;
padding:0in 5.4pt 0in 5.4pt;height:13.5pt'>
<p class=MsoNormal><span class=SpellE>Em</span></p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>b6</p>
</td>
<td width=59 rowspan=4 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#CC99FF;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>EmM7</p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>b7</p>
</td>
<td width=59 rowspan=4 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:13.5pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=22 rowspan=4 valign=top
style='width:16.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#606060;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=61 rowspan=4 valign=top
style='width:45.5pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#606060;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>b2</p>
</td>
<td width=61 rowspan=4 valign=top
style='width:45.5pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:13.5pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>b3</p>
</td>
<td width=59 rowspan=4 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFCC00;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal><span class=SpellE>Gaug</span></p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>4</p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#CC99FF;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>EM7</p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>5</p>
</td>
<td width=59 rowspan=4 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:13.5pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
</tr>
<tr style='mso-yfti-irow:10;page-break-inside:avoid;height:4.5pt'>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFCC00;padding:0in
5.4pt 0in 5.4pt;
height:4.5pt'>
<p class=MsoNormal><span class=SpellE>Eaug</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:11;page-break-inside:avoid;height:4.45pt'>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:4.45pt'>
<p class=MsoNormal><span class=SpellE>Fdim</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:12;page-break-inside:avoid;height:4.45pt'>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#99CCFF;padding:0in
5.4pt 0in 5.4pt;
height:4.45pt'>
<p class=MsoNormal>Bb7</p>
</td>
</tr>
<tr style='mso-yfti-irow:13;page-break-inside:avoid;height:6.75pt'>
<td width=50 rowspan=2 valign=top style='width:37.5pt;border:solid
windowtext 1.0pt;
border-top:none;mso-border-top-alt:solid windowtext
..5pt;mso-border-alt:solid windowtext .5pt;
padding:0in 5.4pt 0in 5.4pt;height:6.75pt'>
<p class=MsoNormal>F</p>
</td>
<td width=30 rowspan=2 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:6.75pt'>
<p class=MsoNormal>5</p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:red;padding:0in 5.4pt
0in 5.4pt;
height:6.75pt'>
<p class=MsoNormal>Cdim7</p>
</td>
<td width=30 rowspan=2 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:6.75pt'>
<p class=MsoNormal>6</p>
</td>
<td width=59 rowspan=2 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFCC00;padding:0in
5.4pt 0in 5.4pt;
height:6.75pt'>
<p class=MsoNormal><span class=SpellE>Faug</span></p>
</td>
<td width=22 rowspan=2 valign=top
style='width:16.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:6.75pt'>
<p class=MsoNormal>7</p>
</td>
<td width=61 rowspan=2 valign=top
style='width:45.5pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:red;padding:0in 5.4pt
0in 5.4pt;
height:6.75pt'>
<p class=MsoNormal>Cdim7</p>
</td>
<td width=30 rowspan=2 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#606060;padding:0in
5.4pt 0in 5.4pt;
height:6.75pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=61 rowspan=2 valign=top
style='width:45.5pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#606060;padding:0in
5.4pt 0in 5.4pt;
height:6.75pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=30 rowspan=2 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:6.75pt'>
<p class=MsoNormal>2</p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFFF99;padding:0in
5.4pt 0in 5.4pt;
height:6.75pt'>
<p class=MsoNormal>Gdim7</p>
</td>
<td width=30 rowspan=2 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:6.75pt'>
<p class=MsoNormal>3</p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#99CCFF;padding:0in
5.4pt 0in 5.4pt;
height:6.75pt'>
<p class=MsoNormal>G7</p>
</td>
<td width=30 rowspan=2 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:6.75pt'>
<p class=MsoNormal>b5</p>
</td>
<td width=59 rowspan=2 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:6.75pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
</tr>
<tr style='mso-yfti-irow:14;page-break-inside:avoid;height:6.75pt'>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:lime;padding:0in
5.4pt 0in 5.4pt;
height:6.75pt'>
<p class=MsoNormal>Fdim7</p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:6.75pt'>
<p class=MsoNormal><span class=SpellE>Gbdim</span></p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:lime;padding:0in
5.4pt 0in 5.4pt;
height:6.75pt'>
<p class=MsoNormal>Fdim7</p>
</td>
</tr>
<tr style='mso-yfti-irow:15;page-break-inside:avoid;height:9.0pt'>
<td width=50 rowspan=4 valign=top style='width:37.5pt;border:solid
windowtext 1.0pt;
border-top:none;mso-border-top-alt:solid windowtext
..5pt;mso-border-alt:solid windowtext .5pt;
padding:0in 5.4pt 0in 5.4pt;height:9.0pt'>
<p class=MsoNormal>G</p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal>4</p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#99CCFF;padding:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal>G7</p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal>5</p>
</td>
<td width=59 rowspan=4 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:9.0pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=22 rowspan=4 valign=top
style='width:16.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal>6</p>
</td>
<td width=61 rowspan=4 valign=top
style='width:45.5pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFCC00;padding:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal><span class=SpellE>Gaug</span></p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal>b7</p>
</td>
<td width=61 rowspan=4 valign=top
style='width:45.5pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:9.0pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#606060;padding:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=59 rowspan=4 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#606060;padding:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal>2</p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:red;padding:0in 5.4pt
0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal>Cdim7</p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal>3</p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#99CCFF;padding:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal>Am7</p>
</td>
</tr>
<tr style='mso-yfti-irow:16;page-break-inside:avoid;height:9.0pt'>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFCC00;padding:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal><span class=SpellE>Gaug</span></p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFCC00;padding:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal><span class=SpellE>Daug</span></p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFFF99;padding:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal>Gdim7</p>
</td>
</tr>
<tr style='mso-yfti-irow:17;page-break-inside:avoid;height:6.7pt'>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:6.7pt'>
<p class=MsoNormal><span class=SpellE>Abdim</span></p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:lime;padding:0in
5.4pt 0in 5.4pt;
height:6.7pt'>
<p class=MsoNormal>Fdim7</p>
</td>
<td width=59 rowspan=2 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:6.7pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
</tr>
<tr style='mso-yfti-irow:18;page-break-inside:avoid;height:6.7pt'>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#99CCFF;padding:0in
5.4pt 0in 5.4pt;
height:6.7pt'>
<p class=MsoNormal>Db7</p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:6.7pt'>
<p class=MsoNormal><span class=SpellE>Abdim</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:19;page-break-inside:avoid;height:13.5pt'>
<td width=50 rowspan=5 valign=top style='width:37.5pt;border:solid
windowtext 1.0pt;
border-top:none;mso-border-top-alt:solid windowtext
..5pt;mso-border-alt:solid windowtext .5pt;
padding:0in 5.4pt 0in 5.4pt;height:13.5pt'>
<p class=MsoNormal>Am</p>
</td>
<td width=30 rowspan=5 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>b3</p>
</td>
<td width=59 rowspan=5 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFCC00;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal><span class=SpellE>Caug</span></p>
</td>
<td width=30 rowspan=5 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>4</p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#99CCFF;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>Am7</p>
</td>
<td width=22 rowspan=5 valign=top
style='width:16.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>5</p>
</td>
<td width=61 rowspan=5 valign=top
style='width:45.5pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:13.5pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=30 rowspan=5 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>b6</p>
</td>
<td width=61 rowspan=5 valign=top
style='width:45.5pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#CC99FF;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>AmM7</p>
</td>
<td width=30 rowspan=5 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>b7</p>
</td>
<td width=59 rowspan=5 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:13.5pt'>
<p class=MsoNormal><span

style='mso-spacerun:yes'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</span></p>
</td>
<td width=30 rowspan=5 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#606060;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=59 rowspan=5 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#606060;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=30 rowspan=5 valign=top
style='width:22.8pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>2</p>
</td>
<td width=59 rowspan=5 valign=top
style='width:44.15pt;border-top:none;
border-left:none;border-bottom:solid windowtext
1.0pt;border-right:solid windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:lime;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>Fdim7</p>
</td>
</tr>
<tr style='mso-yfti-irow:20;page-break-inside:avoid;height:13.5pt'>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#CC99FF;padding:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal>AM7</p>
</td>
</tr>
<tr style='mso-yfti-irow:21;page-break-inside:avoid;height:4.5pt'>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFCC00;padding:0in
5.4pt 0in 5.4pt;
height:4.5pt'>
<p class=MsoNormal><span class=SpellE>Aaug</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:22;page-break-inside:avoid;height:4.45pt'>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#99CCFF;padding:0in
5.4pt 0in 5.4pt;
height:4.45pt'>
<p class=MsoNormal>Eb7</p>
</td>
</tr>
<tr style='mso-yfti-irow:23;page-break-inside:avoid;height:4.45pt'>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in
5.4pt;height:4.45pt'>
<p class=MsoNormal><span class=SpellE>Bbdim</span></p>
</td>
</tr>
<tr
style='mso-yfti-irow:24;mso-yfti-lastrow:yes;page-break-inside:avoid'>
<td width=50 valign=top style='width:37.5pt;border:solid windowtext
1.0pt;
border-top:none;mso-border-top-alt:solid windowtext
..5pt;mso-border-alt:solid windowtext .5pt;
padding:0in 5.4pt 0in 5.4pt'>
<p class=MsoNormal><span class=SpellE>Bdim</span></p>
</td>
<td width=30 valign=top
style='width:22.8pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext
1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt'>
<p class=MsoNormal>b2</p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=30 valign=top
style='width:22.8pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext
1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt'>
<p class=MsoNormal>b3</p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#FFCC00;padding:0in
5.4pt 0in 5.4pt'>
<p class=MsoNormal><span class=SpellE>Baug</span></p>
</td>
<td width=22 valign=top
style='width:16.8pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext
1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt'>
<p class=MsoNormal>4</p>
</td>
<td width=61 valign=top
style='width:45.5pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext
1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#CC99FF;padding:0in
5.4pt 0in 5.4pt'>
<p class=MsoNormal>BM7</p>
</td>
<td width=30 valign=top
style='width:22.8pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext
1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt'>
<p class=MsoNormal>b5</p>
</td>
<td width=61 valign=top
style='width:45.5pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext
1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=30 valign=top
style='width:22.8pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext
1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt'>
<p class=MsoNormal>b6</p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=30 valign=top
style='width:22.8pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext
1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#D9D9D9;padding:0in
5.4pt 0in 5.4pt'>
<p class=MsoNormal>b7</p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;padding:0in 5.4pt 0in 5.4pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=30 valign=top
style='width:22.8pt;border-top:none;border-left:none;
border-bottom:solid windowtext 1.0pt;border-right:solid windowtext
1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#606060;padding:0in
5.4pt 0in 5.4pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
<td width=59 valign=top
style='width:44.15pt;border-top:none;border-left:
none;border-bottom:solid windowtext 1.0pt;border-right:solid
windowtext 1.0pt;
mso-border-top-alt:solid windowtext .5pt;mso-border-left-alt:solid
windowtext .5pt;
mso-border-alt:solid windowtext .5pt;background:#606060;padding:0in
5.4pt 0in 5.4pt'>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</td>
</tr>
</table>

<p class=MsoNormal><o:p>&nbsp;</o:p></p>

<p class=MsoNormal><o:p>&nbsp;</o:p></p>

</div>

</body>

</html>
 
M

McKirahan

outstretchedarm said:
I'm extremely new to javascript and to programming in general.

I am trying to create an interactive table. I have already created the
table with constants, in the key of C (it is for music). what I would
like to do is to create a dropdown box that would enable the user to
select all 12 keys, then based on that choice, have the whole table
re-calculate, basically transposing all the data up or down.

how would I go about doing this.

here is the code for table as such (let me know if it is inappropriate
to one's pull code into a thread)

59KB of code in your post -- yeah, a bit much!
(Also, MS-Word generates a lot of extra code.)

For legibility, add " align=center" to the first <table> tag.

Sorry, I'm "scriptically" inclined not musically inclined.

I see a 7x7 matrix; I don't see 12 keys to be selected.

Perhaps you could generate each of the tables you want as
individual pages and have a dropdown display the selected one.
 
O

outstretchedarm

yeah, i could do that, but it would 11x more work! the mathematics of
it is such that the 12 tables contain almost identical data, except
they're each "nudged" up a bit from the last one.

its like if you had a chart that said

a + b = c

an you wanted to have 11 more charts that said

b + c = d

and

c + d = e

etc .

know what I mean? a programmer prob wouldn't create twelve dif charts,
but rather one algorithm.

I don't know; just starting out.
 
M

McKirahan

McKirahan said:
59KB of code in your post -- yeah, a bit much!
(Also, MS-Word generates a lot of extra code.)

For legibility, add " align=center" to the first <table> tag.

Sorry, I'm "scriptically" inclined not musically inclined.

I see a 7x7 matrix; I don't see 12 keys to be selected.

[snip]

Oh, you mean:

"... A, B, C, D, E, F, and G. These seven letters name all the natural notes
(on a keyboard, that's all the white keys) within one octave."

"But in Western music there are twelve notes in each octave that are in
common use."


Pitch: Sharp, Flat, and Natural Notes
http://cnx.org/content/m10943/latest/
 
M

McKirahan

outstretchedarm said:
yeah, i could do that, but it would 11x more work! the mathematics of
it is such that the 12 tables contain almost identical data, except
they're each "nudged" up a bit from the last one.

its like if you had a chart that said

a + b = c

an you wanted to have 11 more charts that said

b + c = d

and

c + d = e

etc .

know what I mean? a programmer prob wouldn't create twelve dif charts,
but rather one algorithm.

I don't know; just starting out.

Okay. So what shifts -- rows or columns?

What values would the drop-down contain?

Can you cut-and-paste an image of your page to show me
what a couple of the dropdown selections would look like?
 
O

outstretchedarm

well...we're getting a little bit into music theory here but...

in western music, through there are 12 semitones, each scale is made up
of 7 tones.

In the case of C major those tones are

C, D, E, F, G, A, B, C

but in the case of G major, its

G, A, B, C, D, E, F. Gb, G

so, you're tight, there are 12 semintones to work with, but the 7 x 7
grid represents how one might transition from one chord in the scale to
another.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,744
Messages
2,569,482
Members
44,901
Latest member
Noble71S45

Latest Threads

Top