Web comment dengan emoticon Kaskus [jquery dan PHP]

Iseng – iseng buat Web comment yang include emoticon milik kaskus yang forum diskusi terbesar saat ini… kanapa saya pilih kaskus karena emot2 di forum tersebut lucu dan cocok dengan kebiasaan setiap berbincang dg sesorang dirana maya pasti mengucap kata Gan (kebiasaan teman2 saya, mungkin mereka Kaskuser).

Tanpa panjang lebar mari kita buat :

Inti dari script ini berada pada javascript (saya menggunakan jquery)

var emot = 0;
$(document).ready(function(){
                $(‘#kaskus_emot’).live(‘click’,function(e){                
    if(emot == 0){
        emot = ‘1’;
        $(this).text(“[-] Emoticons”).show(); // ubah menjadi  [-] Emoticons pada klik pertama
        $.post(“emoticons.php”,{show:’true’}, function(data){
        $(“#show_emot”).html(data).slideDown(); // tampilkan emoticon yang ada
         });
     }else{
         emot = ‘0’;
         $(this).text(“[+] Emoticons”).show(); // ubah menjadi  [+] Emoticons pada klik kedua
          $(“#show_emot”).slideUp();
      }
 });
               
 $(‘#show_emot #view’).live(‘click’,function(){ // ketika image di klik
      var emot, komen, hasil;
                    
      emot = $(this).attr(‘title’); // variabel yg menampung value images yg di klik
      komen = $(“#komentar”).val(); // variabel yg menampung isi dari textarea
     hasil = komen +” “+ emot; // gabungkan value yg ada di komentar dengan  hasil klik
                   
     $(“#komentar”).val(hasil); // masukkan hasilnya di textarea
   });
});

Penjelasan diatas cukup untuk kalian mengertikan 🙂

Untuk lengkapnya silahkan script yang saya sertakan disini, karena terlalu panjang untuk file PHP jika dibahas disini.

DEMO | DOWNLOAD