Permalink
Browse files

tests passing and examples working

  • Loading branch information...
bborn committed Mar 15, 2012
2 parents 378bbb7 + 53a627f commit 463d0643f077e69a188726b06efe16711d7f1d07
Showing with 2,019 additions and 1,648 deletions.
  1. +5 −4 examples.htm
  2. +7 −6 index.htm
  3. +5 −0 javascripts/jquery.js
  4. +113 −88 javascripts/jtab.js
  5. +224 −0 javascripts/lowpro.js
  6. +1,658 −1,546 javascripts/raphael.js
  7. +5 −3 jtab-chordchart.htm
  8. +2 −1 jtab-unittest.html
View
@@ -13,7 +13,8 @@
<!-- START: for jtab -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link type="text/css" rel="stylesheet" href="css/jtab-helper.css"/>
- <script src="javascripts/prototype.js" type="text/javascript"></script>
+ <script src="javascripts/jquery.js" type="text/javascript"></script>
+ <script src="javascripts/lowpro.js" type="text/javascript"></script>
<script src="javascripts/raphael.js" type="text/javascript"></script>
<script src="javascripts/jtab.js" type="text/javascript"></script>
<!-- END: for jtab -->
@@ -64,9 +65,9 @@ <h3>Render notation provided by a user</h3>
<div id="tab"><i>jTab will render your phrase here</i></div>
<script type='text/javascript'>
- $('notation').observe('keypress', function(e){
+ $('#notation').live('keypress', function(e){
if (e.keyCode == 13) {
- jtab.render('tab',$('notation').value);
+ jtab.render('#tab',$('#notation').val());
}
});
</script>
@@ -153,7 +154,7 @@ <h3>Scripted rendering</h3>
<div id="mytab"><i>jTab rendering here..</i></div>
<script type="text/javascript">
- jtab.render('mytab','Am7 C');
+ jtab.render('#mytab','Am7 C');
</script>
View
@@ -13,7 +13,8 @@
<!-- START: for jtab -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link type="text/css" rel="stylesheet" href="css/jtab-helper.css"/>
- <script src="javascripts/prototype.js" type="text/javascript"></script>
+ <script src="javascripts/jquery.js" type="text/javascript"></script>
+ <script src="javascripts/lowpro.js" type="text/javascript"></script>
<script src="javascripts/raphael.js" type="text/javascript"></script>
<script src="javascripts/jtab.js" type="text/javascript"></script>
<!-- END: for jtab -->
@@ -78,13 +79,13 @@ <h3>Interactive/Explicit Rendering using Javascript</h3>
being generated or retrieved from some system or web service.
</p>
<span>Try it out. Enter a phrase here (see <a href="#notation">notation</a> for help):</span>
-<input id="user_notation" size="40"><input type="button" value="jTab this!" onclick="jtab.render('tab',$('user_notation').value);">
+<input id="user_notation" size="40"><input type="button" value="jTab this!" onclick="jtab.render('tab',$('#user_notation').val());">
<div id="tab"><i>jTab will render your phrase here</i></div>
<script type='text/javascript'>
- $('user_notation').observe('keypress', function(e){
+ $('#user_notation').keypress(function(e){
if (e.keyCode == 13) {
- jtab.render('tab',$('user_notation').value);
+ jtab.render('tab',$('#user_notation').val());
}
});
</script>
@@ -302,7 +303,7 @@ <h3>3. Explicit Rendering with Scripting</h3>
<pre>
&lt;div id="mytab"&gt;&lt;/div&gt;
&lt;script type="text/javascript"&gt;
- jtab.render('mytab','Am7 C');
+ jtab.render($('#mytab'),'Am7 C');
&lt;/script&gt;
</pre>
<p>
@@ -311,7 +312,7 @@ <h3>3. Explicit Rendering with Scripting</h3>
<div id="mytab"><i>jTab rendering here..</i></div>
<script type="text/javascript">
- jtab.render('mytab','Am7 C');
+ jtab.render($('#mytab'),'Am7 C');
</script>
View

Large diffs are not rendered by default.

Oops, something went wrong.
Oops, something went wrong.

0 comments on commit 463d064

Please sign in to comment.