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.
Basically, i here is a simple text area example with ajax posting in facebook style.
Download Script: http://uploading.com/files/2251b.....tyle.rar/
Table Structure:
:
ysql]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`)
)
`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`)
)
Wavascript Code: Ajax Call with Watermarking Text Area
Kod:
$(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();
}
});
$('#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:
:
tml]<form method="post">
<div class="UIComposer_Box">
<span class="w">
<textarea id="watermark" class="input" cols="60" name="watermark"></textarea>
</span>
<div style="padding: 10px; height: 30px;">
<label id="shareButton" class="uiButtonLarge uiButtonShare"> Share</label></div>
</div>
</form>
<div class="UIComposer_Box">
<span class="w">
<textarea id="watermark" class="input" cols="60" name="watermark"></textarea>
</span>
<div style="padding: 10px; height: 30px;">
<label id="shareButton" class="uiButtonLarge uiButtonShare"> Share</label></div>
</div>
</form>