created new Tutorial

Membuat Captcha Image menggunakan Codeigniter 2x

Hai semua, disini saya akan menerangkan tentang bagaimana membuat captcha menggunakan Codeigniter. Sebelum memulainya, kalian pasti tahu apa itu Captcha.

Level: Newbie Est. time: 2 hours
2,653
2
  • mantap gan
  • sukses gan, cara validasi captcha nya gimana ya itu bener atau nggak nya ? :)
Belajar itu menyenangkan kawan. :D
0
created new Tutorial

Membuat Preview Gambar Sebelum Gambar diupload menggunakan JQuery

Saya ingin share tentang bagaimana caranya menampilkan suatu gambar sebelum diupload. Apa bisa ya? Bisa dong. Caranya menggunakan Javascript. Cara kerjanya yaitu tekan dulu tombol upload, terus pilih gambar yang ingin diupload, kemudian akan muncul preview secara otomatis untuk gambar yang ingin diupload...

Level: Newbie Est. time: 2 hours
4,278
5
  • Wah perbanyak donk artikel nya, tentang css yang position donk kalau bisa yang case nya agak rumitan:D

    Thanks udh share something worth it
  • Kok ndak jalan ya ketika saya aplikasikan ke program saya :(
  • Jalan kok tapi pertanyaan ku adalah apakah harus selalu dibawah script menampilkan gambar, seperti ini maksud ku,

    <img src="no-photo.png" id="gambar_nodin" width="400" alt="Preview Gambar" />

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script>
    function bacaGambar(input) {
    if (input.files && input.files[0]) {
    var reader = new FileReader();

    reader.onload = function (e) {
    $('#gambar_nodin').attr('src', e.target.result);
    }

    reader.readAsDataURL(input.files[0]);
    }
    }

    $("#preview_gambar").change(function(){
    bacaGambar(this);
    });
    </script>

  • ketika script jquerynya ku letakkan di antara head program tidak jalan, oh iya kalau penulisan nya jquery gi gabung dengan jquery datepicker bagaimana ya cara penulisannya

    <script type="text/javascript">
    $(function() {
    $( "#input" ).datepicker({
    changeMonth: true,
    changeYear: true
    });
    });
    </script>

    sorry for alot of question gan hope you feel great :D

    Thanks Alot :D
  • maaf baru aktif lagi gan :D

    sebenernya bisa gan kalau ditaruh di head, hanya jika source jquery nya juga di taruh di head juga. contoh :
    <head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

    <script>

    function bacaGambar(input) {

    if (input.files && input.files[0]) {

    var reader = new FileReader();



    reader.onload = function (e) {

    $('#gambar_nodin').attr('src', e.target.result);

    }



    reader.readAsDataURL(input.files[0]);

    }

    }



    $("#preview_gambar").change(function(){

    bacaGambar(this);

    });

    </script>
    </head>
created new Tutorial

Membuat Aplikasi Kalkulator Sederhana Menggunakan HTML

Kali ini saya ingin berbagi tentang bagaimana caranya membuat sebuah kalkulator sederhana menggunakan HTML dan Javascript. Pada intinya program ini tidak membuat fungsi apapun untuk menjalankan operasi dari kalkulator tersebut. Cukup memanggil nama form dan menampilkan value nya ke Input text. Langsung saja lihat tutorial saya dibawah ini.

Level: Newbie Est. time: 2 hours
5,933
0
joined Jagocoding.com
0