Button Pesan Box

Senin, 05 Januari 2015

Button Pesan Box

Membuat Pesan Box (pesan dengan pop up)

Masih berkutat dengan dunia php, kali ini saya mencoba berbagi ilmu tentang pesan box, satu perintah kecil untuk memberi komentar ketika kita melakukan eksekusi/aksi atau lebih spesifiknya itu onclick atau kondisi pada saat menekan sesuatu,,hayo mau tekan apa hayo...
Pesan box biasanya saya gunakan untuk memberi keterangan atas suatu inputan. Jika inputan yang dimasukkan tidak sesuuai dengan yang dimau, maka akan muncul pesan box yang menampilkan peringatan tertentu.
Untuk menampilkan pesan box dengan cara yang sangat simple bisa menggunakan perintah dalam bentuk java script. Javascript tinggal dimasukkan dalam kombinasi tag php atau html maka pesan box bisa dijalankan.
Beberapa contoh pengunaan pesan box:
Button Pesan Box:


<input type="button" value="klik" onclick="alert('Seperti Ini')">
Pada baris kode ini akan menampilkan alertbox ketika melakukan klik pada tombol. Perintah untuk menampilkan alert box terletak pada baris onclick="alert('pesan')".

Pesan box dari hyperlink
Contoh: Klik
<a href="https://kukukakiku10.blogspot.com/" onclick="alert('selamat datang di blog Gajelas Ini :v');"> Klik < /a >
Pesan box dua pilihan Dalam pembuatan pesan box terkadang kita dihadapkan pada permasalahan untuk menampilkan pesan box dengan dua opsi yang berbeda. Untuk mendapatkan ilmu yang satu ini sempat agak mumet neh,,,hehe.. \Sempet Bingung Juga cari kata kunci buat googling. Tapi alhamdulillah bisa ketemu juga. Ada perbedaan dengan pesan box yang sebelumnya, untuk pesan yang diatas menggunakan perintah pesan sedangkan untuk yang ini menggunakan perintah confirm.
<script type="text/javascript">
function konfirmasi() {
    var answer = confirm("Ingin lihat profil fb??")
    if (answer){
        alert("Selamat datang di Profile Saya")
        window.location = "https://www.facebook.com/Mr.ken99";
    }
    else{
        alert("Thanks, masih tetap di berbagi ilmu")
    }
}
</script>
<input type="button" onclick="konfirmasi()" value="link to fb" />

Dari hasil perintah php diatas adalah?

coba aja di klik dibawah ini

Ok Sekian dulu bagi-baginya...jangan lupa kembangkan nah....

0 komentar:

Posting Komentar