Difference between revisions of "Jquery"
From Wiki2
(14 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
====read input char and do something if 13==== | |||
:http://parleyv12/fworks/todomvc/architecture-examples/jquery/ | |||
as part of initialization | |||
bindEvents: function () { | |||
var list = this.$todoList; | |||
this.$newTodo.on('keyup', this.create); | |||
the 'keyup produces a key code. This code returns doing nothing until the keyup is 13(return) | |||
<source lang="javascript"> | |||
create: function (e) { | |||
var $input = $(this); | |||
var val = $.trim($input.val()); | |||
if (e.which !== App.ENTER_KEY || !val) { | |||
console.log(e.which); | |||
return; | |||
} | |||
App.todos.push({ | |||
id: Utils.uuid(), | |||
title: val, | |||
completed: false | |||
}); | |||
$input.val(''); | |||
App.render(); | |||
}, | |||
</source> | |||
====$.post $.get==== | |||
<syntaxhighlight lang="javascript"> | |||
$.post("../services/hold.php", {data: holdStr}).done(function(data){ | |||
//alert("Data Loaded: " + data); | |||
}); | |||
</syntaxhighlight> | |||
====autocomlete==== | |||
You can send more info to the autocomplete script: | You can send more info to the autocomplete script: | ||
< | :In this case &course:33duck gets appended to the get string going to ../tm/smcompl.php | ||
::from: /assess/combine/createCquiz.html | |||
<syntaxhighlight lang="javascript"> | |||
$("#quesfrom").autocomplete({ | |||
source: function(request, response) { | |||
$.getJSON("../tm/smcompl.php", { | |||
term: extractLast(request.term), | |||
course: document.getElementById("numques").value + 'duck' | |||
}, response); | |||
</ | //$.getJSON("../tm/smcompl.php", {term: extractLast(request.term)}, response); | ||
}, | |||
</syntaxhighlight> | |||
===resources=== | |||
http://www.codeproject.com/Articles/426013/How-jQuery-works |
Latest revision as of 14:54, 3 February 2014
read input char and do something if 13
as part of initialization
bindEvents: function () { var list = this.$todoList; this.$newTodo.on('keyup', this.create);
the 'keyup produces a key code. This code returns doing nothing until the keyup is 13(return) <source lang="javascript">
create: function (e) { var $input = $(this); var val = $.trim($input.val());
if (e.which !== App.ENTER_KEY || !val) { console.log(e.which); return; }
App.todos.push({ id: Utils.uuid(), title: val, completed: false });
$input.val(); App.render(); },
</source>
$.post $.get
<syntaxhighlight lang="javascript">
$.post("../services/hold.php", {data: holdStr}).done(function(data){ //alert("Data Loaded: " + data); });
</syntaxhighlight>
autocomlete
You can send more info to the autocomplete script:
- In this case &course:33duck gets appended to the get string going to ../tm/smcompl.php
- from: /assess/combine/createCquiz.html
<syntaxhighlight lang="javascript">
$("#quesfrom").autocomplete({ source: function(request, response) { $.getJSON("../tm/smcompl.php", { term: extractLast(request.term), course: document.getElementById("numques").value + 'duck' }, response); //$.getJSON("../tm/smcompl.php", {term: extractLast(request.term)}, response); },
</syntaxhighlight>