Membuat Form Smilies/Emoticon dengan PHP & Javascrip

Ketika chatting, posting, atau kirim email kita biasanya disuguhi dengan smilies icon, Latihan kita kali ini adalah membuat form seperti itu. Minimal kita bisa membuat sebuah form chating yang menyediakan ikon-ikon lucu. Pada masing-masing ikon smiley tersebut biasanya bisa  di wakili dengan sebuah karakter di keyboard, misalnya icon smile di tandai dengan karakter “:)”.

Pembuatan form ini menggunakan array untuk menampung semua ikon yang tersedia, tergantung berapa banyak ikon yang akan Anda tampilkan. Nah, dari array itu kita menggunakan fungsi str_replace() yang merupakan fungsi bawaan php. Sebelum mulai kita harus menyesuaikan pasangan karakter dan ikon yang akan digunakan. Misalnya seperti dalam contoh program ini adalah sebagai berikut:

‘:)’ => happy.png
‘:(‘ => sad.png
‘:D’ => devil.png
‘;)’ => kiss.png
‘:?’ => nervous.png
‘8’ => confused.png
‘:i’ => surprised.png

Semua harus tanpa tanpa petik ( ‘ ), silahkan download disini,

Seletelah download, ekstak dan tempatkan ikon tersebut di dalam folder img, di lokasi folder yang sama dengan file .php yang akan kita buat.

Untuk ikon biasanya menggunakan format gif yang bisa animasi. Namun untuk latihan kita pakai .png saja (maklum, stok gambar penulis baru punya yang .png 🙂 🙁 😀).

Membuat Program Form Smilies/Emoticon dengan PHP

Jika dijalankan di browser maka,

Membuat Form dengan Smilies Ikon
Form Pertama Kali Dijalankan

 

Membuat Form chating Smilies Ikon
Form Ketika diinput, tapi belum di Submit

 

Form setelah di Submit
Please follow and like us:
error

Related posts

Leave a Comment