Difference between revisions of "Jquery"

From Wiki2
 
(9 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====
====$.post $.get====
<syntaxhighlight>
<syntaxhighlight lang="javascript">
     $.post("../services/hold.php", {data: holdStr}).done(function(data){
     $.post("../services/hold.php", {data: holdStr}).done(function(data){
         //alert("Data Loaded: " + data);
         //alert("Data Loaded: " + data);
Line 10: Line 39:
:In this case &course:33duck gets appended to the get string going to ../tm/smcompl.php  
:In this case &course:33duck gets appended to the get string going to ../tm/smcompl.php  
::from: /assess/combine/createCquiz.html
::from: /assess/combine/createCquiz.html
<syntaxhighlight>
<syntaxhighlight lang="javascript">
     $("#quesfrom").autocomplete({
     $("#quesfrom").autocomplete({
         source: function(request, response) {
         source: function(request, response) {
Line 20: Line 49:
         },
         },
</syntaxhighlight>
</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

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:

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