Facebook Style TextArea with Wall Posting Script using jQuery PHP and Ajax.

Here is a script for you to create facebook wall style post inserting techniques and expandable text area like facebook. I have used jquery-elastic
and watermarking plugin of jquery to create this awesome effects.

Fresh and more enhanced facebook style posting and comments system

Table Structure:

CREATE TABLE `facebook_posting` (
  `p_id` int(11) NOT NULL auto_increment,
  `f_name` varchar(50) NOT NULL,
  `post` varchar(255) NOT NULL,
  `f_image` varchar(50) NOT NULL,
  `date-created` datetime NOT NULL,
  PRIMARY KEY  (`p_id`)
)

Javascript Code: Ajax Call with Watermarking Text Area

$(document).ready(function(){	

	$('#shareButton').click(function(){
		var a = $("#watermark").val();
		$.post("posts.php?value="+a, {
		}, function(response){
			$('#emailInfo').fadeOut();
			$('#posting').html(unescape(response));
			$('#posting').fadeIn();
		});
	});
	$('textarea').elastic();

	jQuery(function($){
	   $("#watermark").Watermark("What's on your mind?");
	});
	jQuery(function($){
	   $("#watermark").Watermark("watermark","#369");
	});
	function UseData(){
	   $.Watermark.HideAll();
	   //Do Stuff
	   $.Watermark.ShowAll();
	}
});

Text Area HTML:

	
		
	

			 Share