Junior Contributor
Yoga C. Pranata Web Programmer
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
6,869
2
  • sofyan waldy
    mantap gan
  • Christine
    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
16,458
6
More comments...
  • Freddy Sidauruk
    Kok ndak jalan ya ketika saya aplikasikan ke program saya :(
  • Freddy Sidauruk
    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>

  • Freddy Sidauruk
    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
  • Yoga C. Pranata
    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>
  • Dani Aristiyawan
    mas, syntax untk nampilin preview gambarnya yang mana ya ???

    klo boleh tau ngambil referensinya dari mana, untuk bebrapa syntax seperti

    var reader = new FileReader();

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

    reader.readAsDataURL(input.files[0]);
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
13,476
0
joined Jagocoding.com
0