Total Users Online: 0 üye, 320 guest | Tarih/Saat: 2026-05-02 05:27
 
Facebook Style TextArea with Wall Posting Script using jQuery PH
2012-09-16 02:55 GMT  oklu Alnt
Kaan

User is: Online status   Gender_M
Posts: 2772
Ülke: İstanbul - 34
Meslek: Serbest Meslek
Age: 43

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.
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`)

)

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();
}
});

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>
Konuyla İlgili Diğer Başlıklar
Facebook New Design 2013
Facebook Tarzı bildirim eklentisi
Jquery: Date Picker (Takvim) uygulaması
Facebook veya Twitter Tarzı Sayfalama
How To: Update Facebook status using PHP Curl?
Emlak, Oto Galeri, Rent A Car, ?iir, Edebiyat Script Sipari?lerinizi Verebilirsiniz.
Detaylar ??in: kaan@ntka.org

Seditio 170 ?ndir
Capte M?zik ?ndir
Seditio Toolbar ?ndir

 

Powered by Seditio © 2009-2012 All Rights Reserved