Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Mar 16th, 2012  |  syntax: None  |  size: 1.16 KB  |  views: 15  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. #js [javascript]
  2. $(document).ready(function() {
  3.        
  4.         renderProgressBar = function() {
  5.                 var pcComplete = parseInt($('#arrivedMembers').text()) / parseInt($('#totalMembers').text()) * 100;
  6.                 $('#progressBar').progressbar({value: pcComplete})
  7.         }
  8.        
  9.         renderProgressBar();
  10.  
  11.         $('input:checkbox').change(function() {
  12.                 var checked = this.checked;
  13.                 console.log("member " + this.value + " = " + checked);
  14.                
  15.                 $.ajax({
  16.                         type: "POST",
  17.                         url: "/member/toggle-arrived",
  18.                         data: "id="+this.value,
  19.                         dataType: 'json',
  20.                         success: function(response){
  21.                                 if(response.status == 'error') {
  22.                                         alert(response.msg);
  23.                                 } else {
  24.                                         $('#alerts').text(response.msg);
  25.                                         var prevArrived = parseInt($('#arrivedMembers').text());
  26.                                         if (checked) {
  27.                                                 $('#arrivedMembers').text(prevArrived+1);
  28.                                         } else {
  29.                                                 $('#arrivedMembers').text(prevArrived-1);
  30.                                         }
  31.                                         renderProgressBar();
  32.                                 }
  33.                         }
  34.                 });
  35.         });
  36. });
  37.  
  38. #html [html]
  39. <div id="progressBar"></div>
  40. <div id="progressData" class="ui-helper-hidden">
  41.         <p id="totalMembers"><?php echo $door_list->getNbMembers() ?></p>
  42.         <p id="arrivedMembers"><?php echo $door_list->getNbMembersArrived() ?></p>
  43. </div>