<script type="text/javascript"> //Author: YAN NAING AYE //WebSite: http://cool-emerald.blogspot.com/ //License: Chord-changer Javascript by Yan Naing Aye is licensed // under a Creative Commons Attribution 3.0 Unported License. // http://creativecommons.org/licenses/by/3.0/ // You are free: // to Share — to copy, distribute and transmit the work // to Remix — to adapt the work // to make commercial use of the work // Under the following conditions: // Attribution — You must attribute Chord-changer Javascript to Yan Naing Aye (with link). //----------------------------------------------------------------------------- function ChangeKey(d) { var y = document.getElementsByTagName("sup"); var kUp = 0; var keyA = ["C", "Db", "D", "Eb", "E", "F", "Gb", "G", "Ab", "A", "Bb", "B"]; var ki=0; var t; for (i = 0; i < y.length; i++) { nCh = 1; var kUp = 0; t= y[i].innerHTML; if (t.indexOf('b') == 1) { kUp=-1; nCh =2; } else if (t.indexOf('#') == 1) { kUp=1; nCh =2; } ki=keyA.indexOf(t.charAt(0)); if(ki!=-1) { ki+=kUp+d+12; ki=ki%12; y[i].innerHTML=keyA[ki].concat(t.substr(nCh)); } } } </script> <input type="button" value="Key Up" onclick="ChangeKey(1)"/> <input type="button" value="Key Down" onclick="ChangeKey(-1)"/>
Tuesday, June 25, 2013
Chord-changer Javascript
I have written a Javascript program to transpose the guitar chords for a song into a different key. In the lyrics of the song, the guitar chords are supposed to be between <sup> and </sup>. You can try it at Myanmar Lyrics by clicking the Key Up and Key Down buttons. The codes are shown below.
Subscribe to:
Post Comments (Atom)
Awesome, hello Mr. i want to make my chord using pre and chord is above lyric like on ultimate-guitar
ReplyDeletehow to make if i transpose then there is no space added between chords.
example :
G C Em
Right from the start
if i transpose
Ab Db Fm
Right from the start
chord become not match on lyric because space, how to remove space ?
thanks :)
You can mix the chords and lyrics in a single line instead of 2 lines. For example,
ReplyDelete--------------------
Right <sup>G</sup> from <sup>C</sup> the start <sup>Em</sup>
--------------------
Good luck!
Hello can you explain me how can I use it on my wordpress website.
ReplyDeleteThanks a Lot
You just need to put each chord in the html tag, <sup>. For example, <sup>Dbm</sup>
Delete