Kumpulan catatan harian

Tampilkan postingan dengan label html. Tampilkan semua postingan
Tampilkan postingan dengan label html. Tampilkan semua postingan

Rabu, 27 Mei 2015

Membuat Popup HTML dengan Javascript

Saya akan berikan fungsi javascript untuk popup di HTML

 function pop_up() //fungsi popup   
 {  
   var width = 800;  
   var height = 400;  
   var left  = (screen.width - width)/2;  
   var top  = (screen.height - height)/2;  
   var params = 'width='+width+', height='+height+',scrollbars=yes';  
   params += ', top='+top+', left='+left;  
   window.open('form_popup.php','Form Popup',params);  
 };  
Share:

Selasa, 05 Mei 2015

Check Checkbox Using Javascript

 /*---JAVASCRIPT---*/  
 // Check  
 document.getElementById("checkbox").checked = true;  
 // Uncheck  
 document.getElementById("checkbox").checked = false;  
 /*---jQuery (1.6+)---*/  
 // Check  
 $("#checkbox").prop("checked", true);  
 // Uncheck  
 $("#checkbox").prop("checked", false);  
 /*---jQuery (1.5-)---*/  
 // Check  
 $("#checkbox").attr("checked", true);  
 // Uncheck  
 $("#checkbox").attr("checked", false);  
Share:

Minggu, 03 Mei 2015

Membuat Aplikasi Android dengan HTML

Pertumbuhan pengguna android setiap tahunnya selalu mengalami kenaikan. Teknologi yang ditawarkan pun semakin canggih dah semakin terjangkau. Hal tersebut menjadi potensi yang besar pagi para pengambang aplikasi android.

Bagi pengembang yang sudah terbiasa menggunakan JAVA tidak akan mengalami banyak kesulitan. Karena basis android adalah JAVA. Tetapi bagi pengembang yang terbisa mengembangkan web dengan HTML,PHP,CSS,Javascript harus belajar ekstra keras untuk menguasai JAVA.

Tapi sekarang hal tersebut bisa diminimalisir dengan adanya Phonegap. Phonegap buatan Adobe ini dapat membuat aplikasi android dengan menggunakan teknologi web yang sudah ada. Hanya ada beberapa konfigurasi yang harus dilakukan agar web tersebut bisa digunakan di Android. Selain android, Phonegap juga dapat membuat aplikasi mobile lainnya, seperti iphone,blackberry,windows mobile, dll.

Phonegap juga menyediakan teknologi cloud bagi pengembang yang ingin membuat aplikasi secara cloud yang diberi nama Phonegap Build. Phonegap Build dapat digunakan secara gratis, tapi versi gratisnya hanya mendukung untuk membuat satu aplikasi. Jika anda mau membuat banyak aplikasi secara cloud anda bisa melakukan pembayaran.

Untuk teknis pembuatannya anda dapat melihat dokumentasi beserta api di situs resminya PHONEGAP
Share:

Jumat, 17 April 2015

Upload Banyak Gambar Dengan Ajax

Masukan script berikut pada halaman html

<form action="" method="post" enctype="multipart/form-data" name="form_foto" id="form_foto">
    <input type="file" name="file_foto[]" id="file_foto" multiple="multiple" accept="image/*" />
    <input type="button" name="btn_upload_foto" id="btn_upload_foto" value="Upload" onclick="upload_foto()" />
</form

kemudian tambahkan fungsi javascript dan jangan lupa panggil jquery sebelumnya

function upload_foto()
{
   $('#btn_upload_foto').attr('disabled','disabled');
   var form = new FormData($('#form_foto')[0]); //-- pastikan id form sama
   $.ajax( { 
        type :'POST'
    url :'http://coba2.com/upload',  //-- masukan url disini
    data:form,
    success: function(){
            alert('Upload Berhasil');
    }, 
    cache: false,
    contentType: false,
    processData: false
   }); 
   return false;
     
}

dan pada halaman PHP nya masukan kode berikut

$valid_formats = array("jpeg","jpg", "png");
$max_file_size = 1024*1000; //1000 kb
$path = "upload_folder/"; // Upload directory
$count = 0;
if(isset($_POST) and $_SERVER['REQUEST_METHOD'] == "POST"){
    // Loop $_FILES file_foto untuk dieksekusi
    foreach ($_FILES['file_foto']['name'] as $f => $name) {    
        if ($_FILES['file_foto']['error'][$f] == 4) {
            continue; // Skip file if any error found
    }         
    if ($_FILES['file_foto']['error'][$f] == 0) {             
        if ($_FILES['file_foto']['size'][$f] > $max_file_size) {
            $message[] = "$name is too large!.";
        continue; // Skip large file_foto_br
        }
        elseif( ! in_array(pathinfo($name, PATHINFO_EXTENSION), $valid_formats) ){
        $message[] = "$name is not a valid format";
        continue; // Skip invalid file formats
        }
        else{ // No error found! Move uploaded file_foto
        if(move_uploaded_file($_FILES["file_foto"]["tmp_name"][$f], $path.$name))
        {
            $count++; // Number of successfully uploaded file
            }
                         
        }
    }
    }
}
Mudah bukan, selamat mencoba ^^
Share: