Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!
Home / Uncategorized / Web comment dengan emoticon Kaskus [jquery dan PHP]

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

About Administrator

2016-01-12 10:32:36 2016-01-12 14:33:42

Check Also

Mengatasi konflik Service ADB pada Android

Konflik pada service aplikasi sangat mungkin terjadi biasanya port service telah digunakan oleh aplikasi lain …

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

12 + = 22