dev-test/js/script.js

   1 $(document).ready(function(){
   2                 var load     = 0;
   3                 var text_max = 250;
   4                 $('#sendMessage').validate({
   5             rules: {
   6               subj: {
   7                 required: true
   8               },
   9               msg: {
  10                 required: true,
  11               }
  12             },
  13                         highlight: function(element) {
  14                                 $(element)
  15                                 .closest('.form-group').addClass('has-error').removeClass('has-success');
  16                         },
  17                         success: function(element) {
  18                                 element
  19                                 .closest('.form-group').removeClass('has-error').addClass('has-success');
  20                         }
  21           });
  22
  23           // $('#sendMessage').validate();
  24
  25           $('#page').scroll(function(){
  26               var r = $('#page')[0].scrollHeight- $('#page').height();
  27               //alert($('#page').scrollTop() + " and " + r);
  28
  29               if($('#page').scrollTop() == r){
  30
  31               load++;
  32               //alert(load + "scroll detected" + "scrollHeight and page height: " + r);
  33               //$.post("try.php", {load:load}, function( data ))
  34               //$('#page').append( data );
  35
  36               $.post( "try.php", {load:load}, function( data ) {
  37                             $( "#list" ).append( data );
  38               });
  39             }
  40           });
  41           $('#textarea_feedback').val(text_max);
  42
  43           $('#messageBox').keyup(function() {
  44               var text_length = $('#messageBox').val().length;
  45               var text_remaining = text_max - text_length;
  46
  47               $('#textarea_feedback').val(text_remaining);
  48           });
  49 });