Refresh Captcha Lokomedia

By Kang Anam di October 18, 2015

Membaca kode captcha memang dibutuhkan ketelitian agar kode yang kita masukkan sama dengan kode yang ditampilkan. Terkadang captcha sangat susah untuk dibaca karena karakternya yang tidak biasa atau kadang tersamarkan. Apa jadinya jika kita ingin berkomentar di halaman lokomedia namun tidak bisa-bisa karena susah mencocokkan kode captcha. Sebagai website yang baik hati tidak salah jika kita menyediakan fasilitas untuk merefresh captcha disaat user tidak bisa membaca captcha. Berikut tutorialnya.

Masih dengan template eljquery kita buka file kiri.php. Pada module detail berita atau modul yang menyertakan captcha, cari kode yang digunakan untuk menampilkan captcha. Beri atribut id pada tag img misalnya id=’captcha’. Kemudian buat link untuk merefresh,boleh menggunakan text ataupun gambar dan menautkannya menuju fungsi javascript change_captcha(). Beri atribut id=’refresh’ pada link ini. Contoh script pada form komentar :

view sourceprint?

01.<table width=100% style='border: 1pt dashed #0000CC;padding: 10px;'>

02.<form name='form' action=simpankomentar.php method=POST onSubmit=\"return validasi(this)\">

03.<input type=hidden name=id value=$_GET[id]>

04.<tr><td>Nama</td><td> : <input type=text name=nama_komentar size=40 maxlength=50></td></tr>

05.<tr><td>Website</td><td> : <input type=text name=url size=40 maxlength=50></td></tr>

06.<tr><td valign=top>Komentar</td><td> <textarea name='isi_komentar' style='width: 300px; height: 100px;'></textarea></td></tr>

07.<tr><td>&nbsp;</td><td><img src='captcha.php' id='captcha'></td></tr>

08.<tr><td>&nbsp;</td><td>(Masukkan 6 kode diatas)<br /><input type=text name=kode size=6 maxlength=6> Jika gambar tidak jelas refresh <a href='javascript: change_captcha();' id='refresh'>disini</a><br /></td></tr>

09.<tr><td>&nbsp;</td><td><input type=submit name=submit value=Kirim></td></tr>

10.</form></table>

Kemudian letakkan kode javascript berikut ini pada head file template.php.

view sourceprint?

01.<script type='text/javascript'>

02.$('a#refresh').click(function() { 

03.change_captcha();

04.});

05.function change_captcha()

06.{

07.document.getElementById('captcha').src="captcha.php";

08.}

09.</script>

Dengan dua langkah tersebut sekarang website kita sudah mempunyai captcha yang bisa direfrsh.

Sumber : cauza.web.id