Skip to content

Instantly share code, notes, and snippets.

@blha303

blha303/guitartabs.html

Last active December 12, 2016 14:13
Show Gist options
  • Save blha303/b39fe85fc4ffee93fd7e3ea8266d6129 to your computer and use it in GitHub Desktop.
Save blha303/b39fe85fc4ffee93fd7e3ea8266d6129 to your computer and use it in GitHub Desktop.
Download ZIP
A javascript thing to get guitar tab charts quickly. https://b303.me/guitartabs.html
Raw
guitartabs.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>GuitarTabGenerator</title>
</head>
<body>
<form id="form">
<input type="text" id="tabs" style="width:70%" value="G F# Ab C">
<input type="submit">
</form>
<div id="display"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script>
window.chords = {"Fsharp": "http://www.chordie.com/ramimages/i8/Fsharpchord_244322_1.png", "Fsharpplus": "http://www.chordie.com/ramimages/i7/Fsharppluschord_NN4332_1.png", "E7b9": "http://www.chordie.com/ramimages/i7/E7b9chord_020132_1.png", "AmslashG": "http://www.chordie.com/ramimages/i3/AmslashGchord_302210_1.png", "Dmaj7": "http://www.chordie.com/ramimages/i9/Dmaj7chord_NN0222_1.png", "FslashC": "http://www.chordie.com/ramimages/i1/FslashCchord_NN3211_1.png", "DslashB": "http://www.chordie.com/ramimages/i7/DslashBchord_N20232_1.png", "C4": "http://www.chordie.com/ramimages/i8/C4chord_NN3013_1.png", "DmslashA": "http://www.chordie.com/ramimages/i1/DmslashAchord_N00231_1.png", "Ebadd9": "http://www.chordie.com/ramimages/i9/Ebadd9chord_N11341_1.png", "Dadd9": "http://www.chordie.com/ramimages/i1/Dadd9chord_000232_1.png", "CslashB": "http://www.chordie.com/ramimages/i0/CslashBchord_N22010_1.png", "B9": "http://www.chordie.com/ramimages/i9/B9chord_131213_7.png", "G7": "http://www.chordie.com/ramimages/i8/G7chord_320001_1.png", "Fm7": "http://www.chordie.com/ramimages/i3/Fm7chord_131111_1.png", "Dmsharp7": "http://www.chordie.com/ramimages/i8/Dmsharp7chord_NN0221_1.png", "Am": "http://www.chordie.com/ramimages/i2/Amchord_N02210_1.png", "Csharp": "http://www.chordie.com/ramimages/i4/Csharpchord_NN3121_1.png", "Dsharp": "http://www.chordie.com/ramimages/i7/Dsharpchord_NN3121_3.png", "G911": "http://www.chordie.com/ramimages/i9/G911chord_120001_1.png", "Fsharp4": "http://www.chordie.com/ramimages/i0/Fsharp4chord_NN4422_1.png", "Ab11": "http://www.chordie.com/ramimages/i9/Ab11chord_131311_4.png", "Esus": "http://www.chordie.com/ramimages/i6/Esuschord_022200_1.png", "Bbplus": "http://www.chordie.com/ramimages/i3/Bbpluschord_NN0332_1.png", "Csharp4": "http://www.chordie.com/ramimages/i1/Csharp4chord_NN3341_4.png", "Am9": "http://www.chordie.com/ramimages/i1/Am9chord_N01113_5.png", "A13": "http://www.chordie.com/ramimages/i2/A13chord_N01231_5.png", "D4": "http://www.chordie.com/ramimages/i0/D4chord_NN0233_1.png", "AslashFsharp": "http://www.chordie.com/ramimages/i2/AslashFsharpchord_202220_1.png", "DmslashC": "http://www.chordie.com/ramimages/i8/DmslashCchord_N30231_1.png", "A7sus4": "http://www.chordie.com/ramimages/i4/A7sus4chord_002030_1.png", "Bmmaj7": "http://www.chordie.com/ramimages/i1/Bmmaj7chord_N20332_1.png", "FaddG": "http://www.chordie.com/ramimages/i4/FaddGchord_1N3213_1.png", "Fsharp11": "http://www.chordie.com/ramimages/i9/Fsharp11chord_242422_1.png", "A7": "http://www.chordie.com/ramimages/i8/A7chord_N02020_1.png", "Cadd2slashB": "http://www.chordie.com/ramimages/i9/Cadd2slashBchord_N20010_1.png", "Gm7": "http://www.chordie.com/ramimages/i0/Gm7chord_131111_3.png", "C911": "http://www.chordie.com/ramimages/i6/C911chord_113131_3.png", "DmslashB": "http://www.chordie.com/ramimages/i9/DmslashBchord_N20231_1.png", "E": "http://www.chordie.com/ramimages/i1/Echord_022100_1.png", "DslashA": "http://www.chordie.com/ramimages/i8/DslashAchord_N04232_1.png", "Asharp": "http://www.chordie.com/ramimages/i7/Asharpchord_N13331_1.png", "Emadd9": "http://www.chordie.com/ramimages/i8/Emadd9chord_024000_1.png", "Bmaj": "http://www.chordie.com/ramimages/i7/Bmajchord_N2434N_1.png", "EmslashB": "http://www.chordie.com/ramimages/i7/EmslashBchord_N22000_1.png", "Em7": "http://www.chordie.com/ramimages/i3/Em7chord_022030_1.png", "GslashFsharp": "http://www.chordie.com/ramimages/i6/GslashFsharpchord_220003_1.png", "G9": "http://www.chordie.com/ramimages/i3/G9chord_3N0201_1.png", "Bbm9": "http://www.chordie.com/ramimages/i9/Bbm9chord_NNN113_6.png", "Asharpmaj7": "http://www.chordie.com/ramimages/i1/Asharpmaj7chord_N1323N_1.png", "C9": "http://www.chordie.com/ramimages/i1/C9chord_131213_8.png", "Csharpmaj": "http://www.chordie.com/ramimages/i4/Csharpmajchord_N43111_1.png", "Csus2": "http://www.chordie.com/ramimages/i7/Csus2chord_N3001N_1.png", "Asharp4": "http://www.chordie.com/ramimages/i4/Asharp4chord_NN3341_1.png", "A7plus": "http://www.chordie.com/ramimages/i2/A7pluschord_NN3221_1.png", "F7slashA": "http://www.chordie.com/ramimages/i4/F7slashAchord_N01211_1.png", "Cmaj": "http://www.chordie.com/ramimages/i2/Cmajchord_032010_1.png", "Abm7": "http://www.chordie.com/ramimages/i4/Abm7chord_NN1111_4.png", "Dsharp4": "http://www.chordie.com/ramimages/i8/Dsharp4chord_NN1344_1.png", "Bplus": "http://www.chordie.com/ramimages/i1/Bpluschord_NN1004_1.png", "Amaj7": "http://www.chordie.com/ramimages/i1/Amaj7chord_N02120_1.png", "D6": "http://www.chordie.com/ramimages/i1/D6chord_N00202_1.png", "Dm9": "http://www.chordie.com/ramimages/i9/Dm9chord_NN3210_1.png", "Ab4": "http://www.chordie.com/ramimages/i4/Ab4chord_NN1124_1.png", "E7": "http://www.chordie.com/ramimages/i2/E7chord_022130_1.png", "Cmaj7": "http://www.chordie.com/ramimages/i9/Cmaj7chord_N32000_1.png", "Bm": "http://www.chordie.com/ramimages/i3/Bmchord_N24432_1.png", "GslashB": "http://www.chordie.com/ramimages/i8/GslashBchord_N20003_1.png", "Dsharp7": "http://www.chordie.com/ramimages/i5/Dsharp7chord_NN1323_1.png", "G6": "http://www.chordie.com/ramimages/i9/G6chord_3N0000_1.png", "Fsharpm6": "http://www.chordie.com/ramimages/i4/Fsharpm6chord_NN1222_1.png", "DslashG": "http://www.chordie.com/ramimages/i2/DslashGchord_3N0232_1.png", "Asus": "http://www.chordie.com/ramimages/i9/Asuschord_NN2230_1.png", "Dsharpm": "http://www.chordie.com/ramimages/i8/Dsharpmchord_NN4342_1.png", "Fsharpm7-5": "http://www.chordie.com/ramimages/i9/Fsharpm7-5chord_102333_2.png", "Csus9": "http://www.chordie.com/ramimages/i1/Csus9chord_NN4124_7.png", "Bm7b5": "http://www.chordie.com/ramimages/i7/Bm7b5chord_124231_1.png", "Bm7": "http://www.chordie.com/ramimages/i1/Bm7chord_N13121_2.png", "A": "http://www.chordie.com/ramimages/i5/Achord_N02220_1.png", "Abplus": "http://www.chordie.com/ramimages/i9/Abpluschord_NN2110_1.png", "Bb9": "http://www.chordie.com/ramimages/i9/Bb9chord_131213_6.png", "F4": "http://www.chordie.com/ramimages/i1/F4chord_NN3311_1.png", "Abdim": "http://www.chordie.com/ramimages/i7/Abdimchord_NN0101_1.png", "Gmaj7": "http://www.chordie.com/ramimages/i7/Gmaj7chord_NN4321_2.png", "D7sus4": "http://www.chordie.com/ramimages/i8/D7sus4chord_N00213_1.png", "Abm": "http://www.chordie.com/ramimages/i6/Abmchord_133111_4.png", "Gsus4": "http://www.chordie.com/ramimages/i6/Gsus4chord_NN0011_1.png", "Gm": "http://www.chordie.com/ramimages/i0/Gmchord_133111_3.png", "Bmsus9": "http://www.chordie.com/ramimages/i9/Bmsus9chord_N34402_1.png", "Am7sus4": "http://www.chordie.com/ramimages/i3/Am7sus4chord_000030_1.png", "Esus4": "http://www.chordie.com/ramimages/i5/Esus4chord_022200_0.png", "D7": "http://www.chordie.com/ramimages/i7/D7chord_NN0212_1.png", "D7sharp9": "http://www.chordie.com/ramimages/i1/D7sharp9chord_N21233_4.png", "Fmaj7slashA": "http://www.chordie.com/ramimages/i4/Fmaj7slashAchord_N03210_1.png", "G": "http://www.chordie.com/ramimages/i0/Gchord_320003_1.png", "DslashE": "http://www.chordie.com/ramimages/i7/DslashEchord_N1111N_7.png", "Fmaj7plus5": "http://www.chordie.com/ramimages/i7/Fmaj7plus5chord_003220_1.png", "G11": "http://www.chordie.com/ramimages/i4/G11chord_3N0211_1.png", "Fsharpmaj7": "http://www.chordie.com/ramimages/i3/Fsharpmaj7chord_NN4321_1.png", "Gadd9": "http://www.chordie.com/ramimages/i1/Gadd9chord_13N213_3.png", "Gmaj7sus4": "http://www.chordie.com/ramimages/i9/Gmaj7sus4chord_330012_1.png", "Bb6": "http://www.chordie.com/ramimages/i9/Bb6chord_NN3333_1.png", "B7plus": "http://www.chordie.com/ramimages/i8/B7pluschord_N21203_1.png", "G7sus4": "http://www.chordie.com/ramimages/i6/G7sus4chord_330011_1.png", "Abmaj7": "http://www.chordie.com/ramimages/i7/Abmaj7chord_NN1113_1.png", "GslashA": "http://www.chordie.com/ramimages/i0/GslashAchord_300003_1.png", "A4": "http://www.chordie.com/ramimages/i8/A4chord_002200_1.png", "B13": "http://www.chordie.com/ramimages/i1/B13chord_N21204_1.png", "Am7sharp": "http://www.chordie.com/ramimages/i9/Am7sharpchord_N03213_1.png", "C7": "http://www.chordie.com/ramimages/i3/C7chord_032310_1.png", "Csharpadd9": "http://www.chordie.com/ramimages/i0/Csharpadd9chord_N13311_4.png", "D9": "http://www.chordie.com/ramimages/i7/D9chord_011112_7.png", "Asharpm7": "http://www.chordie.com/ramimages/i3/Asharpm7chord_N13121_1.png", "G4": "http://www.chordie.com/ramimages/i7/G4chord_NN0013_1.png", "Gm6": "http://www.chordie.com/ramimages/i3/Gm6chord_NN2333_1.png", "Csharp7": "http://www.chordie.com/ramimages/i9/Csharp7chord_NN3424_1.png", "AslashGsharp": "http://www.chordie.com/ramimages/i1/AslashGsharpchord_402220_1.png", "Em": "http://www.chordie.com/ramimages/i4/Emchord_022000_1.png", "D": "http://www.chordie.com/ramimages/i2/Dchord_NN0232_1.png", "B11": "http://www.chordie.com/ramimages/i9/B11chord_133200_7.png", "Dsharpm7": "http://www.chordie.com/ramimages/i2/Dsharpm7chord_NN1322_1.png", "Ab": "http://www.chordie.com/ramimages/i8/Abchord_133211_4.png", "F9": "http://www.chordie.com/ramimages/i6/F9chord_242324_1.png", "D7sus2": "http://www.chordie.com/ramimages/i2/D7sus2chord_N00210_1.png", "Fadd9": "http://www.chordie.com/ramimages/i7/Fadd9chord_303211_1.png", "F": "http://www.chordie.com/ramimages/i6/Fchord_133211_1.png", "G6sus4": "http://www.chordie.com/ramimages/i6/G6sus4chord_020010_1.png", "FsharpslashE": "http://www.chordie.com/ramimages/i3/FsharpslashEchord_044322_1.png", "D11": "http://www.chordie.com/ramimages/i9/D11chord_300210_1.png", "Fm6": "http://www.chordie.com/ramimages/i9/Fm6chord_NN0111_1.png", "A9": "http://www.chordie.com/ramimages/i6/A9chord_N02100_1.png", "G7sharp9": "http://www.chordie.com/ramimages/i5/G7sharp9chord_13N244_3.png", "D5slashE": "http://www.chordie.com/ramimages/i8/D5slashEchord_0111NN_7.png", "Csharpm7": "http://www.chordie.com/ramimages/i7/Csharpm7chord_NN2424_1.png", "Cadd9": "http://www.chordie.com/ramimages/i2/Cadd9chord_N32030_1.png", "Dsus2": "http://www.chordie.com/ramimages/i4/Dsus2chord_000230_1.png", "Fsharpm": "http://www.chordie.com/ramimages/i4/Fsharpmchord_244222_1.png", "Ab7": "http://www.chordie.com/ramimages/i7/Ab7chord_NN1112_1.png", "GslashD": "http://www.chordie.com/ramimages/i7/GslashDchord_N22100_4.png", "Asharpdim": "http://www.chordie.com/ramimages/i4/Asharpdimchord_NN2323_1.png", "Adim": "http://www.chordie.com/ramimages/i2/Adimchord_NN1212_1.png", "GmslashBb": "http://www.chordie.com/ramimages/i6/GmslashBbchord_3221NN_4.png", "F11": "http://www.chordie.com/ramimages/i4/F11chord_131311_1.png", "Dm7": "http://www.chordie.com/ramimages/i8/Dm7chord_NN0211_1.png", "B11slash13": "http://www.chordie.com/ramimages/i7/B11slash13chord_004444_1.png", "DslashCsharp": "http://www.chordie.com/ramimages/i5/DslashCsharpchord_N40232_1.png", "Dsharpmaj7": "http://www.chordie.com/ramimages/i7/Dsharpmaj7chord_NN1333_1.png", "Fmmaj7": "http://www.chordie.com/ramimages/i0/Fmmaj7chord_N33110_1.png", "F7": "http://www.chordie.com/ramimages/i2/F7chord_131211_1.png", "Am7": "http://www.chordie.com/ramimages/i7/Am7chord_N02213_1.png", "BaddEslashFsharp": "http://www.chordie.com/ramimages/i9/BaddEslashFsharpchord_224442_1.png", "Asharp7": "http://www.chordie.com/ramimages/i1/Asharp7chord_NN1112_3.png", "Aplus": "http://www.chordie.com/ramimages/i3/Apluschord_N03221_1.png", "B7": "http://www.chordie.com/ramimages/i0/B7chord_021202_1.png", "E5": "http://www.chordie.com/ramimages/i2/E5chord_0133NN_7.png", "Am6": "http://www.chordie.com/ramimages/i9/Am6chord_N02212_1.png", "AslashD": "http://www.chordie.com/ramimages/i9/AslashDchord_NN0022_1.png", "E7sharp9": "http://www.chordie.com/ramimages/i7/E7sharp9chord_022133_1.png", "FslashG": "http://www.chordie.com/ramimages/i0/FslashGchord_333211_1.png", "Cm": "http://www.chordie.com/ramimages/i2/Cmchord_N13321_3.png", "Cm7": "http://www.chordie.com/ramimages/i9/Cm7chord_N13121_3.png", "Asharpm": "http://www.chordie.com/ramimages/i2/Asharpmchord_N13321_1.png", "D9add6": "http://www.chordie.com/ramimages/i9/D9add6chord_020212_1.png", "E11": "http://www.chordie.com/ramimages/i1/E11chord_111122_1.png", "Fsharpmaj": "http://www.chordie.com/ramimages/i5/Fsharpmajchord_244322_0.png", "Bb11": "http://www.chordie.com/ramimages/i3/Bb11chord_131341_6.png", "Fmaj7": "http://www.chordie.com/ramimages/i7/Fmaj7chord_N33210_1.png", "Amadd9": "http://www.chordie.com/ramimages/i9/Amadd9chord_022210_1.png", "B": "http://www.chordie.com/ramimages/i7/Bchord_N24442_1.png", "DslashC": "http://www.chordie.com/ramimages/i3/DslashCchord_N30232_1.png", "Fsharp9": "http://www.chordie.com/ramimages/i1/Fsharp9chord_N12122_1.png", "Em6": "http://www.chordie.com/ramimages/i3/Em6chord_022020_1.png", "A6": "http://www.chordie.com/ramimages/i8/A6chord_NN2222_1.png", "EmslashD": "http://www.chordie.com/ramimages/i8/EmslashDchord_NN0000_1.png", "Dm": "http://www.chordie.com/ramimages/i8/Dmchord_NN0231_1.png", "Cm11": "http://www.chordie.com/ramimages/i9/Cm11chord_N1314N_3.png", "Fsharp7": "http://www.chordie.com/ramimages/i5/Fsharp7chord_NN4320_1.png", "C": "http://www.chordie.com/ramimages/i8/Cchord_N32010_1.png", "A11": "http://www.chordie.com/ramimages/i2/A11chord_N42433_1.png", "E75b": "http://www.chordie.com/ramimages/i1/E75bchord_010132_1.png", "Gmaj9": "http://www.chordie.com/ramimages/i9/Gmaj9chord_114121_2.png", "B7sharp9": "http://www.chordie.com/ramimages/i8/B7sharp9chord_N2123N_1.png", "A79plus": "http://www.chordie.com/ramimages/i1/A79pluschord_203023_1.png", "FslashA": "http://www.chordie.com/ramimages/i5/FslashAchord_N03211_1.png", "Gsharpm6": "http://www.chordie.com/ramimages/i8/Gsharpm6chord_NN1101_1.png", "F6": "http://www.chordie.com/ramimages/i9/F6chord_N3323N_1.png", "DmslashCsharp": "http://www.chordie.com/ramimages/i9/DmslashCsharpchord_N40231_1.png", "B4": "http://www.chordie.com/ramimages/i0/B4chord_NN3341_2.png", "BaddE": "http://www.chordie.com/ramimages/i3/BaddEchord_N24400_1.png", "Emaj7": "http://www.chordie.com/ramimages/i5/Emaj7chord_02110N_1.png", "Csharpm": "http://www.chordie.com/ramimages/i7/Csharpmchord_NN2120_1.png", "E6": "http://www.chordie.com/ramimages/i0/E6chord_NN3333_9.png", "BslashFsharp": "http://www.chordie.com/ramimages/i1/BslashFsharpchord_022200_2.png", "C11": "http://www.chordie.com/ramimages/i7/C11chord_N13141_3.png", "E9": "http://www.chordie.com/ramimages/i6/E9chord_131213_1.png", "Bm6": "http://www.chordie.com/ramimages/i7/Bm6chord_NN4434_1.png", "Fm": "http://www.chordie.com/ramimages/i1/Fmchord_133111_1.png", "Emsus4": "http://www.chordie.com/ramimages/i6/Emsus4chord_002000_1.png"}
function showtabs() {
var tabs = $("input#tabs").val().replace(/♭/g, "b").replace(/#/g, "sharp").replace(/\+/g, "plus").replace(/\//g, "slash");
window.location.hash = tabs.replace(/ /g, ",")
// If multiple chords, support these separators
$.each(" ,|", function(i,s){
if (tabs.indexOf(s) != -1 && tabs.split) tabs = tabs.split(s);
});
// If only one chord, we need an array
if (!$.isArray(tabs)) {
tabs = [tabs];
}
for (var i=0;i<tabs.length;i++) {
if (tabs[i].indexOf("n") != -1) {
$("<br>").appendTo($('#display'));
} else if (tabs[i] in window.chords) {
newimg = $("<img class='tabimg'>");
// newimg.bind("error", function(e){
// e.target.style.display="none"
// });
newimg.attr("src", window.chords[tabs[i]]);
newimg.appendTo($('#display'));
}
}
}
window.onload = function() {
if (window.location.hash) {
tabs = window.location.hash.substr(1)
$("#tabs").val(tabs)
$("#form").submit()
}
}
$("#form").bind("submit", function(e){
e.preventDefault();
$("#display").empty();
showtabs()
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment