Sandbox
<addhtml> <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>ABC Sandbox</title>
<script src="/w/JavaScript/abcjs_editor_1.0.7-min.js" type="text/javascript"></script> </head> <body> <h1>abcjs demo page</h1>
<p>Type or paste an abc tune in the area below and see it rendered as you type. Also notice that you can click on the drawn notes and see the place in the text where that note is defined.</p>
<p>For more information, see <a href="http://code.google.com/p/abcjs/" >the project page</a>. </p>
<p>Author: <a href="mailto:paul@paulrosen.net">Paul Rosen</a>.</p>
<textarea name="abc" id="abc" cols="80" rows="15">X: 1 T: Cooley's M: 4/4 L: 1/8 R: reel K: Emin |:D2|EB{c}BA B2 EB|~B2 AB dBAG|FDAD BDAD|FDAD dAFD| EBBA B2 EB|B2 AB defg|afe^c dBAF|DEFD E2:| |:gf|eB B2 efge|eB B2 gedB|A2 FA DAFA|A2 FA defg| eB B2 eBgB|eB B2 defg|afe^c dBAF|DEFD E2:| </textarea>
<hr /> <div id="midi"></div> <div id="warnings"></div> <div id="music"></div> <div id="paper0"></div> <div id="paper1"></div> <div id="paper2"></div> <div id="paper3"></div>
<script type="text/javascript">
window.onload = function() {
abc_editor = new ABCEditor("abc", { paper_id: "paper0", midi_id:"midi", warnings_id:"warnings" });
}
</script>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-13012902-1");
pageTracker._trackPageview();
} catch(err) {}
</script>
</body>
</html>
</addhtml>