Mini Shoutbox sederhana dengan jquery (Bag. II)

Related Articles

Cara Menggunakan Vlookup Lengkap disertai dengan Contohnya

Desember 12, 2022

Penambahan AMP HTML di Blogspot Blogger

Juni 2, 2018

Debug Mode WordPress

Mei 11, 2018

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