Home / Pemprograman / Mini Shoutbox sederhana dengan jquery (Bag. II)

Mini Shoutbox sederhana dengan jquery (Bag. II)

Dibuatnya artikel ini untuk melanjutkan artikel sebelumnya (klik disini bila kalia beum baca), dimana pada shoutbox yang sebelumnya tidak mempunyai fasilitas untuk menghapus testimoni yang dianggap SPAM. Beberapa dari sobat isoweb juga request fasilitas ini untuk mempermudah maintenance website mereka, Tidak banyak perubahan pada code – code lama tapi ada sedikit tambahan code untuk halaman admin.

Berikut beberapa tambahan:

1. Tambahkan css berikut pada file style.css 

.table{width:200px;}

.admin{display:block;width:200px;text-align:right;text-decoration:none;}

.del{position:absolute;right:5px;top:0;background:url(delete.png) no-repeat;width:16px;height:16px;}

.group_list{position:relative;}

input.text_input{width:150px;}

textarea.textarea{width:150px;}

untuk tombol delete.png kalian bisa mencari disini ukuran icon 16×16 pixel dan paste pada folder asset.

 

2. Pada file isoweb-dev.js tambahkan js seperti dibawah

$(‘#frm_login’).submit(function() { // ketika event submit login diklik

 $.ajax({

             type: ‘POST’

            ,url: ‘proses.php?show=login’ //panggil url untuk proses login

            ,data: $(this).serialize()

            ,dataType: ‘json’

            ,success: function(data) {

                if(data.valid == true){

                    show_data();

                    $(“#admin”).hide();

                    $(“#frm_login”).hide();

                    $(“#frm_shoutbox”).show();                    

                }else{

                    $(“#msg”).html(“<font color=”red””>””+data.message+””</font>””); // pesan error yang keluar

About Administrator

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

Check Also

Membuat fungsi Callback pada Javascript

Bagi yang terbiasa menggunakan javascript sebagai client site sudah sering berhubungan dengan yang namanya Callback, …

Tinggalkan Balasan

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

26 − 25 =