Membuat form smilies

Membuat form smilies

347
0
SHARE

Codeigniter di simpan dulu ya gan, kita bahas yang ringan-ringan dulu yuk yaitu cara membuat form smilies. Pasti kita pernah menemukan kolom komentar yang dilengkapi dengan smilies seperti gambar berikut ini..

form smilies

Membuat form smilies

Untuk membuatnya ternyata cukup mudah. Berikut ini adalah langkah-langkahnya.

Step 1 : buatlah folder ‘smilies’ untuk menampung image smilies dan tambahkan smilies imagenya (anda bisa download di akhir posting ini)

Step 2 : Buatlah index.php, kemudian buatlah form didalamnya seperti kode berikut ini.

Step 3 : Buatlah array smilies dengan menambahkan kode berikut ini di baris 1 index.php

Step 4 : Tampilkan smilies diatas kotak komentar dengan menambahkan kode berikut ini di atas element textarea (baris 32)

Step 5 : Tambahkan fungsi javascript tambahSmilie sebelum tag penutup body (</body>)

Step 6 : Buatlah div untuk menampilkan hasil komentar setelah form komentar di submit. Sisipkan kode berikut ini setelah tag penutup form (</form>)

Setelah anda menjalankan langkah-langkah diatas, index.php akan menjadi seperti ini.

LIVE DEMO | DOWNLOAD

Jalankan index.php melalui browser. Cobalah form komentar tersebut. Mudah bukan.. hehe. Di tunggu komentarnya ya.. terima kasih telah berkunjung ke harviacode.com.

Bagikan artikel ini ya.. terima kasih

NO COMMENTS

LEAVE A REPLY