Sandbox: Difference between revisions
No edit summary |
No edit summary |
||
| Line 10: | Line 10: | ||
<body> | <body> | ||
<h1>abcjs demo page</h1> | <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 | <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> | 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>For more information, see <a href="http://code.google.com/p/abcjs/" >the project page</a>. .</p> | ||
<textarea name="abc" id="abc" cols="80" rows="15">X: 1 | <textarea name="abc" id="abc" cols="80" rows="15">X: 1 | ||
T: Cooley's | T: Cooley's | ||
Revision as of 23:49, 7 August 2011
<addhtml> <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <title>abcjs demo</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> <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>