Make your own free website on Tripod.com

The Church of Universal Love and Music

 
 
 
 

Guitar Chord Generator Source Code:

 <html>
<head><link rel="stylesheet" type="text/css" href="xpMenu.css">

<title>Contact US.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="#FFFFFF" onLoad="setGuitar()">
<center>
<TABLE cellSpacing=0 cellPadding=0 width="82%" border=0 align:"center">
<TR>
<TD width="100%" align="center">
<p align="center">
<img border="0" src="images/churchlogo.jpg" width="125" height="125">
</p>
</TD>
</TR>
</TABLE></center>
<p align="center"><FONT face=Ravie color=#ff0000 size=5>The Church of Universal Love and
Music</FONT>
<FONT FACE="Tahoma"><br> </FONT></p>
<table width="700" border="0" cellspacing="0" cellpadding="0" align="center">
<tr> <td valign="top" width="245"> <table width="215" border="0" cellspacing="0" cellpadding="0">
<tr> <td colspan="3" height="28" background="images/menuup.gif"> <div align="center">
&nbsp;</div></td></tr> <tr> <td width="9" height="76" background="images/menuleft.gif">&nbsp;</td><td width="194" height="76">
<FONT FACE="Tahoma"><br><div>
<!-- *********************************Start Menu****************************** -->
<div class="mainDiv">
<div class="topItem">Quick Links</div>
<div class="dropMenu1">
<div class="subMenu1" style="display:none;">
<span class="subItem1"><a href="frontdoor.htm">Home</a></span><br>
<span class="subItem1"><a href="calendar.htm">Goings On</a></span><br>
<span class="subItem1"><a href="churchinfo.htm">Church Info</a></span><br>
<span class="subItem1"><a href="past-events.htm">Past Events</a></span><br>
</div><!-- *******************************End Menu************************** -->
</div><div>
<!-- *********************************Start Menu****************************** -->
<div class="mainDiv">
<div class="topItem">Mission</div>
<div class="dropMenu1">
<div class="subMenu1" style="display:none;">
<span class="subItem1"><a href="mission.htm">Mission Statement</a></span><br>
<span class="subItem1"><a href="comser.htm">Community Service</a></span><br>
<span class="subItem1"><a href="projects.htm">Projects</a></span><br>
</div><!-- *******************************End Menu************************** -->
</div><div>
<!-- *********************************Start Menu****************************** -->
<div class="mainDiv">
<div class="topItem">Support</div>
<div class="dropMenu1">
<div class="subMenu1" style="display:none;">
<span class="subItem1"><a href="donate.htm">Donations</a></span><br>
<span class="subItem1"><a href="support.htm">Support</a></span><br>
<span class="subItem1"><a href="products.htm">Products &amp; Services</a></span><br>
</div><!-- *******************************End Menu************************** -->
</div><div>
<!-- *********************************Start Menu****************************** -->
<div class="mainDiv">
<div class="topItem">Fun Stuff</div>
<div class="dropMenu1">
<div class="subMenu1" style="display:none;">
<span class="subItem1"><a href="fungames.htm">Fun & Games</a></span><br>
<span class="subItem1"><a href="educate.htm">Self Education</a></span><br>
<span class="subItem1"><a href="contact.htm">Contact Us</a></span><br>
</div><!-- *******************************End Menu************************** -->
</div><br>
</div></FONT></td><td width="12" height="76" background="images/menuright.gif">&nbsp;</td></tr>
<tr> <td colspan="3" height="28" background="images/menudown.gif">&nbsp;</td></tr> </table><FONT FACE="Tahoma"><br>
</FONT></td><td width="455" valign="top">
<table width="455" border="0" cellspacing="0" cellpadding="0" background="images/longmenu.gif" height="34">
<tr> <td><b><font size="4" face="Arial">Contact Us</font></b></td></tr> </table>
<table border="1" width="100%">
<tr>
<td>&nbsp;<center>

<h2>CULM Guitar Chord Chart</h2>

<table border="2" width="160" align="CENTER">
<tr>
<td bgcolor="blue" cellpadding="0" cellspacing="0" align="CENTER">

<form name="guitar">

<script type="text/javascript">
<!--
// initialize timer handle
var Timerid = 0;
var chords = new Object();
chords["A"] = "100000;1;5;14;15;16"
chords["A7"] = "100000;1;3;5;14;16"
chords["Am"]= "100000;1;5;10;14;15"
chords["Am7"]= "010001;30;32;33;34"
chords["A13"]= "100000;1;3;20;22;23"
chords["B7"] = "100000;4;8;13;15;17"
chords["C"] = "100000;3;5;10;14;19"
chords["D"] = "110000;2;15;17;22"
chords["D7"] = "110000;2;10;15;17"
chords["Dm"] = "110000;2;11;15;22"
chords["D9"] = "100000;26;31;33;34;35"
chords["E7"] = "000000;0;2;4;5;9;13"
chords["Em7"] = "000000;0;3;5;13;14;22"
chords["Eb9"] = "100000;20;25;27;28;29"
chords["E13"] = "000000;0;2;5;9;13;16"
chords["F"] = "110000;10;11;15;20"
chords["F5"] = "001111;6;19"
chords["G"] = "000000;2;3;4;13;18;23"
chords["G5"] = "001111;24;37"
chords["G7"] = "000000;2;3;4;11;13;18"
chords["Gmaj7"] = "010001;18;22;26;27"
chords["Gm7"] = "010001;18;20;21;22"
chords["G6"] = "010001;14;18;22;27"
chords["G6/9"] = "110000;14;15;22;23"

// build the chart in the table
for (Countx = 1; Countx < 8; Countx++) {
var Count, Countx;
for (Count = 1; Count <7; Count++) {
document.write ("<input type=radio onClick='toggle(this)'>")
}
document.write ("<BR>")
if (Countx == 1)
document.write ("<img src=black.gif width=150 height=3 align=absmiddle>")
else
document.write ("<img src=black.gif width=150 height=1 align=absmiddle>")
document.write ("<BR>")
}

function toggle(button) {
button.checked = !button.checked;
}

// remove the check from all radio buttons
function resetGuitar() {
var Count;
clearTimeout(Timerid);
for (Count=1; Count < 42; Count++) {
document.guitar[Count-1].checked=false
}
}

// flash a button for any string that shouldn't be played
function flashString () {
var Count;
for (Count = 0; Count < 6; Count++) {
if (Frets[1].substring(Count,Count+1) == "1")
document.guitar[Count].checked = !document.guitar[Count].checked
}
Timerid = setTimeout ("flashString()", 500)
}

// set the chord pattern
function setGuitar() {
resetGuitar();
var Item, Ret, Count, Temp, Skip;
Item = document.guitar.chord.selectedIndex;
if (Item != -1) {
Text = document.guitar.chord.options[Item].text;
Frets = parser (chords[Text])
for (Count = 2; Count <= Frets[0]; Count++) {
Temp = parseInt(Frets[Count]);
document.guitar[Temp].checked=true;
}
if (parseInt(Frets[1]) > 0)
flashString();
}
}

/* general function for parsing strings using a specified parse character; result
is values in separate elements of an array */
function parser (InString) {
var Sep = ";", NumSeps=1, Count, Start, ParseMark, parse;
for (Count=1; Count < InString.length; Count++) {
if (InString.charAt(Count)==Sep)
NumSeps++;
}
parse = new Array ();
var Start=0, Count=1, ParseMark=0, LoopCtrl=1;
while (LoopCtrl==1) {
ParseMark = InString.indexOf(Sep, ParseMark);
TestMark=ParseMark+0;
if ((TestMark==0) || (TestMark==-1)){
parse[Count]= InString.substring (Start, InString.length);
LoopCtrl=0;
break;
}
parse[Count] = InString.substring (Start, ParseMark);
Start=ParseMark+1, ParseMark=Start, Count++;
}
parse[0]=Count;
return (parse);
}
// -->
</script>
<p>
</td></tr>
<td align="CENTER" bgcolor="gray">
<select name="chord" size="6">
<option>A
<option>A7
<option>Am
<option>Am7
<option>A13
<option>B7
<option>C
<option>D
<option>D7
<option>Dm
<option>D9
<option>E7
<option>Em7
<option>Eb9
<option>E13
<option>F
<option>F5
<option>G
<option>G5
<option>G7
<option>Gmaj7
<option>Gm7
<option>G6
<option>G6/9
</select>
<hr>
<p>
<input type="button" value="Display" onclick="setGuitar()">
<input type="button" value="Clear" onclick="resetGuitar()">

</form>

</td></tr>
</table>
</td>
</tr>
</table>
<P>&nbsp;</P>
<p align="left">&nbsp;</p>
<p align="right"><FONT FACE="Tahoma">&nbsp;</FONT></p><p align="right">&nbsp;</p></td></tr> </table><FONT FACE="Tahoma"><br> </FONT><table width="700" border="0" cellspacing="0" cellpadding="0" align="center">
<tr> <td> <div align="left"></div><DIV ALIGN="CENTER"><FONT SIZE="2" FACE="Tahoma">Copyright
2006 The Church of Universal Love and Music. All Rights Reserved</FONT></DIV><TABLE WIDTH="700" BORDER="0" CELLSPACING="0" CELLPADDING="0" HEIGHT="20" ALIGN="center">
<TR BGCOLOR="#000000"> <TD BGCOLOR="#336666"><DIV ALIGN="center">&nbsp;</DIV></TD></TR> </TABLE></td></tr>
</table><script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-676573-1";
urchinTracker();
</script><script type="text/javascript" src="xpMenu.js"></script>
</body>
</html><center>
<span style="width: 100%; font-family: helvetica; font-size: 6px; Filter: Alpha(Opacity=0,FinishOpacity=0, Style=1);">
&nbsp;</span></center><br><br>

 


Copyright 2006 The Church of Universal Love and Music. All Rights Reserved