Permalink
Browse files

Merge pull request #617 from tony/jquery-example-iteration1

jQuery example: submit on enter, focus field on load, ajax to callback function, " to '.
  • Loading branch information...
2 parents 777c0c5 + af76dd0 commit 17fc38c397aeea01165275f6811e34989f2ff00d @kennethreitz kennethreitz committed Jan 25, 2013
Showing with 17 additions and 5 deletions.
  1. +17 −5 examples/jqueryexample/templates/index.html
View
22 examples/jqueryexample/templates/index.html
@@ -2,20 +2,32 @@
{% block body %}
<script type=text/javascript>
$(function() {
- $('a#calculate').bind('click', function() {
+ var submit_form = function(e) {
$.getJSON($SCRIPT_ROOT + '/_add_numbers', {
a: $('input[name="a"]').val(),
b: $('input[name="b"]').val()
}, function(data) {
- $("#result").text(data.result);
+ $('#result').text(data.result);
+ $('input[name=a]').focus().select();
});
return false;
+ };
+
+ $('a#calculate').bind('click', submit_form);
+
+ $('input[type=text]').bind('keydown', function(e) {
+ if (e.keyCode == 13) {
+ submit_form(e);
+ }
});
+
+ $('input[name=a]').focus();
});
</script>
<h1>jQuery Example</h1>
-<p><input type=text size=5 name=a> +
- <input type=text size=5 name=b> =
- <span id=result>?</span>
+<p>
+ <input type=text size=5 name=a> +
+ <input type=text size=5 name=b> =
+ <span id=result>?</span>
<p><a href=# id=calculate>calculate server side</a>
{% endblock %}

0 comments on commit 17fc38c

Please sign in to comment.