473,761 Members | 3,542 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

creating an interactive table

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:sc hemas-microsoft-com:vml"
xmlns:o="urn:sc hemas-microsoft-com:office:offi ce"
xmlns:w="urn:sc hemas-microsoft-com:office: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.Do cument>
<meta name=Generator content="Micros oft Word 11">
<meta name=Originator content="Micros oft Word 11">
<link rel=File-List href="Transitio nsGrid_files/filelist.xml">
<title>Transiti ons Grid</title>
<!--[if gte mso 9]><xml>
<o:DocumentProp erties>
<o:Author>Oma r Soriano</o:Author>
<o:Template>Nor mal</o:Template>
<o:LastAuthor>o mar.soriano</o:LastAuthor>
<o:Revision>2 </o:Revision>
<o:TotalTime> 1</o:TotalTime>
<o:Created>20 06-08-10T17:00:00Z</o:Created>
<o:LastSaved>20 06-08-10T17:00:00Z</o:LastSaved>
<o:Pages>1</o:Pages>
<o:Words>126</o:Words>
<o:Characters>7 20</o:Characters>
<o:Lines>6</o:Lines>
<o:Paragraphs>1 </o:Paragraphs>
<o:CharactersWi thSpaces>845</o:CharactersWit hSpaces>
<o:Version>11.8 028</o:Version>
</o:DocumentPrope rties>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument >
<w:ActiveWritin gStyle Lang="EN-US" VendorID="64" DLLVersion="131 077"
NLCheck="1">1</w:ActiveWriting Style>
<w:ActiveWritin gStyle Lang="EN-US" VendorID="64" DLLVersion="131 078"
NLCheck="1">1</w:ActiveWriting Style>
<w:SpellingStat e>Clean</w:SpellingState >
<w:GrammarState >Clean</w:GrammarState>
<w:ValidateAgai nstSchemas/>
<w:SaveIfXMLInv alid>false</w:SaveIfXMLInva lid>
<w:IgnoreMixedC ontent>false</w:IgnoreMixedCo ntent>
<w:AlwaysShowPl aceholderText>f alse</w:AlwaysShowPla ceholderText>
<w:Compatibilit y>
<w:SelectEntire FieldWithStartO rEnd/>
<w:UseWord2002T ableStyleRules/>
</w:Compatibility >
<w:BrowserLevel >MicrosoftInter netExplorer4</w:BrowserLevel>
</w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyl es DefLockedState= "false" LatentStyleCoun t="156">
</w:LatentStyles>
</xml><![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Wingding s;
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:wido w-orphan;
font-size:12.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
a:link, span.MsoHyperli nk
{color:blue;
text-decoration:unde rline;
text-underline:singl e;}
a:visited, span.MsoHyperli nkFollowed
{color:purple;
text-decoration:unde rline;
text-underline:singl e;}
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.MsoNormal Table
{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:wido w-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:shapedefault s v:ext="edit" spidmax="2050"/>
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayou t 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:ou *************@h otmail.com">ou* ************@ho tmail.com</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=MsoNormal Table border=1 cellspacing=0 cellpadding=0
width=670

style='width:50 2.85pt;margin-left:-17.4pt;border-collapse:collap se;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:sol id windowtext
1.0pt;
mso-border-alt:solid windowtext .5pt;padding:0i n 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:so lid
windowtext 1.0pt;
border-left:none;mso-border-left-alt:solid windowtext
..5pt;mso-border-alt:
solid windowtext .5pt;padding:0i n 5.4pt 0in 5.4pt'>
<p class=MsoNormal >C</p>
</td>
<td width=89 colspan=2 valign=top style='width:66 .95pt;border:so lid
windowtext 1.0pt;
border-left:none;mso-border-left-alt:solid windowtext
..5pt;mso-border-alt:
solid windowtext .5pt;padding:0i n 5.4pt 0in 5.4pt'>
<p class=MsoNormal >Dm</p>
</td>
<td width=83 colspan=2 valign=top style='width:62 .3pt;border:sol id
windowtext 1.0pt;
border-left:none;mso-border-left-alt:solid windowtext
..5pt;mso-border-alt:
solid windowtext .5pt;padding:0i n 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:sol id
windowtext 1.0pt;
border-left:none;mso-border-left-alt:solid windowtext
..5pt;mso-border-alt:
solid windowtext .5pt;padding:0i n 5.4pt 0in 5.4pt'>
<p class=MsoNormal >F</p>
</td>
<td width=89 colspan=2 valign=top style='width:66 .95pt;border:so lid
windowtext 1.0pt;
border-left:none;mso-border-left-alt:solid windowtext
..5pt;mso-border-alt:
solid windowtext .5pt;padding:0i n 5.4pt 0in 5.4pt'>
<p class=MsoNormal >G</p>
</td>
<td width=89 colspan=2 valign=top style='width:66 .95pt;border:so lid
windowtext 1.0pt;
border-left:none;mso-border-left-alt:solid windowtext
..5pt;mso-border-alt:
solid windowtext .5pt;padding:0i n 5.4pt 0in 5.4pt'>
<p class=MsoNormal >Am</p>
</td>
<td width=89 colspan=2 valign=top style='width:66 .95pt;border:so lid
windowtext 1.0pt;
border-left:none;mso-border-left-alt:solid windowtext
..5pt;mso-border-alt:
solid windowtext .5pt;padding:0i n 5.4pt 0in 5.4pt'>
<p class=MsoNormal ><span class=SpellE>Bd im</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:1;page-break-inside:avoid;he ight:13.5pt'>
<td width=50 rowspan=4 valign=top style='width:37 .5pt;border:sol id
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;borde r-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;paddin g: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;borde r-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;paddin g: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;borde r-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;paddin g: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;borde r-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;paddin g: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;borde r-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;paddin g: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;borde r-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;paddin g: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;borde r-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;paddin g: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;paddin g: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;borde r-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;paddin g: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;borde r-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:0i n 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;borde r-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;paddin g: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;borde r-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;paddin g:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal ><span class=SpellE>Ca ug</span></p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22 .8pt;border-top:none;
border-left:none;borde r-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;paddin g: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;borde r-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:0i n 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;he ight: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;paddin g:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal ><span class=SpellE>Ca ug</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:3;page-break-inside:avoid;he ight:13.5pt'>
<td width=59 rowspan=2 valign=top
style='width:44 .15pt;border-top:none;
border-left:none;borde r-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:0i n 5.4pt 0in
5.4pt;height:13 .5pt'>
<p class=MsoNormal ><span class=SpellE>Db dim</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;paddin g: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;paddin g: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;borde r-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;paddin g: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;he ight: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:0i n 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:0i n 5.4pt 0in
5.4pt;height:13 .5pt'>
<p class=MsoNormal ><span class=SpellE>Db dim</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:5;page-break-inside:avoid;he ight:20.25pt'>
<td width=50 rowspan=4 valign=top style='width:37 .5pt;border:sol id
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;borde r-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;paddin g: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;borde r-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:0i n 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;borde r-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;paddin g: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;borde r-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;paddin g: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;borde r-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;paddin g: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:0i n 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;borde r-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;paddin g: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;borde r-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;paddin g:0in
5.4pt 0in 5.4pt;
height:20.25pt' >
<p class=MsoNormal ><span class=SpellE>Fa ug</span></p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22 .8pt;border-top:none;
border-left:none;borde r-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;paddin g: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;paddin g: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;borde r-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;paddin g: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;borde r-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:0i n 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;borde r-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;paddin g: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;borde r-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:0i n 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;he ight:6.7pt'>
<td width=61 rowspan=3 valign=top
style='width:45 .5pt;border-top:none;
border-left:none;borde r-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:0i n 5.4pt 0in
5.4pt;height:6. 7pt'>
<p class=MsoNormal ><span class=SpellE>Eb dim</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;paddin g:0in
5.4pt 0in 5.4pt;
height:6.7pt'>
<p class=MsoNormal ><span class=SpellE>Da ug</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:7;page-break-inside:avoid;he ight: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:0i n 5.4pt 0in
5.4pt;height:6. 7pt'>
<p class=MsoNormal ><span class=SpellE>Eb dim</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:8;page-break-inside:avoid;he ight: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;paddin g: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;he ight:13.5pt'>
<td width=50 rowspan=4 valign=top style='width:37 .5pt;border:sol id
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;borde r-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;paddin g: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;borde r-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;paddin g: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;borde r-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;paddin g: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;borde r-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:0i n 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;borde r-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;paddin g: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;borde r-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;paddin g: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;borde r-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;paddin g: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;borde r-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:0i n 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;borde r-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;paddin g: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;borde r-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;paddin g:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal ><span class=SpellE>Ga ug</span></p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22 .8pt;border-top:none;
border-left:none;borde r-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;paddin g: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;paddin g: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;borde r-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;paddin g: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;borde r-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:0i n 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;he ight: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;paddin g:0in
5.4pt 0in 5.4pt;
height:4.5pt'>
<p class=MsoNormal ><span class=SpellE>Ea ug</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:11;page-break-inside:avoid;he ight: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:0i n 5.4pt 0in
5.4pt;height:4. 45pt'>
<p class=MsoNormal ><span class=SpellE>Fd im</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:12;page-break-inside:avoid;he ight: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;paddin g: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;he ight:6.75pt'>
<td width=50 rowspan=2 valign=top style='width:37 .5pt;border:sol id
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;borde r-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;paddin g: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:0i n 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;borde r-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;paddin g: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;borde r-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;paddin g:0in
5.4pt 0in 5.4pt;
height:6.75pt'>
<p class=MsoNormal ><span class=SpellE>Fa ug</span></p>
</td>
<td width=22 rowspan=2 valign=top
style='width:16 .8pt;border-top:none;
border-left:none;borde r-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;paddin g: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;borde r-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:0i n 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;borde r-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;paddin g: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;borde r-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;paddin g: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;borde r-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;paddin g: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;paddin g: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;borde r-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;paddin g: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;paddin g: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;borde r-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;paddin g: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;borde r-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:0i n 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;he ight: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:0 in
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:0i n 5.4pt 0in
5.4pt;height:6. 75pt'>
<p class=MsoNormal ><span class=SpellE>Gb dim</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:0 in
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;he ight:9.0pt'>
<td width=50 rowspan=4 valign=top style='width:37 .5pt;border:sol id
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;borde r-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;paddin g: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;paddin g: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;borde r-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;paddin g: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;borde r-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:0i n 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;borde r-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;paddin g: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;borde r-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;paddin g:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal ><span class=SpellE>Ga ug</span></p>
</td>
<td width=30 rowspan=4 valign=top
style='width:22 .8pt;border-top:none;
border-left:none;borde r-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;paddin g: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;borde r-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:0i n 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;borde r-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;paddin g: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;borde r-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;paddin g: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;borde r-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;paddin g: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:0i n 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;borde r-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;paddin g: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;paddin g: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;he ight: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;paddin g:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal ><span class=SpellE>Ga ug</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;paddin g:0in
5.4pt 0in 5.4pt;
height:9.0pt'>
<p class=MsoNormal ><span class=SpellE>Da ug</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;paddin g: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;he ight: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:0i n 5.4pt 0in
5.4pt;height:6. 7pt'>
<p class=MsoNormal ><span class=SpellE>Ab dim</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:0 in
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;borde r-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:0i n 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;he ight: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;paddin g: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:0i n 5.4pt 0in
5.4pt;height:6. 7pt'>
<p class=MsoNormal ><span class=SpellE>Ab dim</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:19;page-break-inside:avoid;he ight:13.5pt'>
<td width=50 rowspan=5 valign=top style='width:37 .5pt;border:sol id
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;borde r-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;paddin g: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;borde r-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;paddin g:0in
5.4pt 0in 5.4pt;
height:13.5pt'>
<p class=MsoNormal ><span class=SpellE>Ca ug</span></p>
</td>
<td width=30 rowspan=5 valign=top
style='width:22 .8pt;border-top:none;
border-left:none;borde r-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;paddin g: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;paddin g: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;borde r-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;paddin g: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;borde r-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:0i n 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;borde r-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;paddin g: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;borde r-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;paddin g: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;borde r-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;paddin g: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;borde r-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:0i n 5.4pt 0in
5.4pt;height:13 .5pt'>
<p class=MsoNormal ><span

style='mso-spacerun:yes'>& nbsp;&nbsp;&nbs p;&nbsp;&nbsp;& nbsp;&nbsp;&nbs p;&nbsp;&nbsp;& nbsp;
</span></p>
</td>
<td width=30 rowspan=5 valign=top
style='width:22 .8pt;border-top:none;
border-left:none;borde r-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;paddin g: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;borde r-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;paddin g: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;borde r-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;paddin g: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;borde r-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:0 in
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;he ight: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;paddin g: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;he ight: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;paddin g:0in
5.4pt 0in 5.4pt;
height:4.5pt'>
<p class=MsoNormal ><span class=SpellE>Aa ug</span></p>
</td>
</tr>
<tr style='mso-yfti-irow:22;page-break-inside:avoid;he ight: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;paddin g: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;he ight: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:0i n 5.4pt 0in
5.4pt;height:4. 45pt'>
<p class=MsoNormal ><span class=SpellE>Bb dim</span></p>
</td>
</tr>
<tr
style='mso-yfti-irow:24;mso-yfti-lastrow:yes;pag e-break-inside:avoid'>
<td width=50 valign=top style='width:37 .5pt;border:sol id 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>Bd im</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;paddin g: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:0i n 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;paddin g: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;paddin g:0in
5.4pt 0in 5.4pt'>
<p class=MsoNormal ><span class=SpellE>Ba ug</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;paddin g: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;paddin g: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;paddin g: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:0i n 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;paddin g: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:0i n 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;paddin g: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:0i n 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;paddin g: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;paddin g: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>

Sep 7 '06 #1
5 2119
"outstretchedar m" <ou************ *@hotmail.comwr ote in message
news:11******** *************@p 79g2000cwp.goog legroups.com...
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 <tabletag.

Sorry, I'm "scriptical ly" 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.
Sep 7 '06 #2
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.

Sep 7 '06 #3
"McKirahan" <Ne**@McKirahan .comwrote in message
news:A_******** *************** *******@comcast .com...
"outstretchedar m" <ou************ *@hotmail.comwr ote in message
news:11******** *************@p 79g2000cwp.goog legroups.com...
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 <tabletag.

Sorry, I'm "scriptical ly" 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/
Sep 7 '06 #4
"outstretchedar m" <ou************ *@hotmail.comwr ote in message
news:11******** *************@i 3g2000cwc.googl egroups.com...
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?
Sep 7 '06 #5
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.

Sep 7 '06 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics
6
1231
Creating objects you don't actually want
by: Chris Lyon | last post by:
If you wish to create an object:- for item in os.listdir('dir'): sfx = sfxobject(item) class sfxobject(object): def __init__(self, filename): if isfile(filename): self.filename = filename
Python
5
3204
Creating a large number of charts automatically (repost)
by: Alan | last post by:
Hi there, Are there Excel charting gurus here?? If so then please read on... Sorry for the cross-post but I'm not familiar with the Excel groups. I've posted to asp.general because if I have to code a solution to this it'll probably be done in ASP on a web server, unless there's a significantly better way. I'm looking for a way to create over 100 Excel *charts* programmatically.
ASP / Active Server Pages
6
2417
Creating interactive user-controlled ordering mechanisms on admin web interfaces?
by: Ken Fine | last post by:
(originally posted to one of macromedia's groups; no help, so hopefully someone here can help me out. I'm using VBScript ASP.) When designing administrative interfaces to websites, we often need to provide users with a mechanism to change the order of items that are listed on the page. I have not come up with a graceful and elegant way to offer an interactive ordering capability on administration forms, as you see in many desktop...
ASP / Active Server Pages
11
1793
Best Method For Providing Interactive Reports To Clients Who Dont Have Access To System
by: BerkshireGuy | last post by:
Hello, I need to create an interactive report that can be sent to agencies with the following: Application #, Date Approved, Reason Not Taken The reason not take should be a drop down in which the agency can select as to why the application wasnt approved and then send the "report" back to us.
Microsoft Access / VBA
5
1570
A basic primitive interactive system
by: sugaray | last post by:
Right now, the code I wrote below seems works fine, i know it's definitely not the best solution, so if there are better solutions to eschew from using goto statements to jump out of multiple loops ? and any other suggestions or good ideas that are pertain to construct a more powerful and common interactive menu system is also welcomed, and if there's any primitive but better interactive system that is written in C suitable for educational...
C / C++
1
2146
creating interactive controls (hit test based)
by: Brian Henry | last post by:
Hi, Is there any good tutorials out there on creating interactive custom controls that have clickable objects that are drawn through GDI+ and use the hit test method to determin what to do with them? or any good controls I could use to look at the code for that do something similar (please not code from code project, can't access the site from here currently, work network is blocking the site for some reason) thanks!
C# / C Sharp
8
2505
Creating DOM elements in IE before page complete
by: dd | last post by:
Has anyone found a way around the problem IE has if you create elements (script or div, doesn't seem to matter) BEFORE the document.readyState is "complete" ? I know you can sometimes get away with only waiting for "interactive" state, but I've found that on some pages, that can result in a weird error with a dialog box along the lines of "Internet operation aborted error" (or something like that, I haven't seen it for a long time since...
Javascript
2
3034
Creating Interactive DVDs
by: daokfella | last post by:
I'm hoping someone could get me started on this. I have an ASP.Net website that collects information from users for my organization. I now have a large SQL Server database that I'd like to convert to and create an interactive DVD directory for my members that can be viewed from a DVD player and television (as well as a PC). I guess this would function just like an advanced DVD menu. I'd like this to have audio and video in addition to...
Visual Basic .NET
4
3020
Creating a menu system with standard C functions
by: Philipp.Weissenbacher | last post by:
Hi all! I wrote the following as a test case for a menu based programme: #include <iostream> #include <cstring> using namespace std; #define cls system("cls") const int SIZE = 10;
C / C++
0
9554
marktang
What is ONU?
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
General
0
10136
Oralloy
Problem With Comparison Operator <=> in G++
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
C / C++
0
8814
agi2029
AI Job Threat for Devs
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
Career Advice
0
6640
Couldn’t get equations in html when convert word .docx file to html file in C#.
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
C# / C Sharp
0
5266
Trying to create a lan-to-lan vpn between two differents networks
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
Networking - Hardware / Configuration
0
5405
Windows Forms - .Net 8.0
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
Visual Basic .NET
1
3913
transfer the data from one system to another through ip address
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
C# / C Sharp
3
3509
muto222
How to add payments to a PHP MySQL app.
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
PHP
3
2788
bsmnconsultancy
Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
General

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.

BYTES.COM © 2024
About Bytes
Terms Of Use
Privacy Policy
Sitemap
Advertise on Bytes
How to Post and Respond on Bytes
How to Promote and Link on Bytes
How to increase your Ranking on Bytes
Become a Recognized Expert on Bytes
Feedback Welcomed! Contact Us