HEX

File: /var/www/html/startag.php
 

	<link rel="stylesheet" type="text/css" href="startag/css/jquery.mentionsInput.css">
	<style type="text/css">

#status-overlay {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.50);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    overflow: hidden;
}
 
</style>

<div id="status-overlay" style="display: none"></div>
 
	
	
			
			
	          <form id="highlight-textarea" method="POST" class="form">
	            <div class="form-group">
<textarea name="postText" class="form-control postText mention" cols="10" rows="3" placeholder="What&#039;s going on?"></textarea>
</div>

<input type="button" value="Post" class="btn btn-primary pull-right postMention">
</form>

 
<!-- Bootstrap Script file -->
<?php /*?><script src="startag/js/jquery.min.js"></script><?php */?>
 

<script src='startag/js/underscore-min.js' type='text/javascript'></script>
  <script src='startag/js/lib/jquery.elastic.js' type='text/javascript'></script>
<script type="text/javascript" src="startag/js/jquery.mentionsInput.js"></script>

<script type="text/javascript">
 
 




$('.postMention').click(function() {
    $('textarea.mention').mentionsInput('val', function(text) {
      var message = text;
      if(message != '')
      {
      	//post text in jquery ajax
      var post_data = "text="+encodeURIComponent(message);	
      $.ajax({
            type: "POST",
            data: post_data,
            url: 'startag/ajax/post.php',
            success: function(msg) {
             if(msg.error== 1)
             {
              alert('Something Went Wrong!');
             } else {
             	
             	$("#post_updates").prepend(msg);
             	//reset the textarea after successful update
             	$("textarea.mention").mentionsInput('reset');

             }
            }
      });

      } else {
      	alert("Post cannot be empty!");
      }

    });
  });

//used for get categories from database while typing @..
  $('textarea.mention').mentionsInput({
    onDataRequest:function (mode, query, callback) {
      $.getJSON('startag/ajax/get_startag_json.php', function(responseData) {
        responseData = _.filter(responseData, function(item) { return item.name.toLowerCase().indexOf(query.toLowerCase()) > -1 });
        callback.call(this, responseData);
      });
    }
  });

 
</script>