Menyimpan Array Pada Session Storage atau Local Storage Browser

Untuk menyimpan array pada sessionStorage atau localStorage pada browser kalian dapat menggunakan perintah berikut

sessionStorage.setItem('name', JSON.stringify(array));

dan untuk mengembalikannya kembali menggunakan perintah berikut

JSON.parse(sessionStorage.getItem('name'))

Mudah bukan, kalian bisa sesuaikan dengan kebutuhan program kalian. 

Read More

Pencarian Associative Arrays di PHP

Apabila kalian punya data array di PHP seperti ini

$person=array(

        array(

            "nama" => "ADIT", 

            "usia" => "30", 

            "kota" => "BEKASI"), 

        array(

            "nama" => "VINO", 

            "usia" => "10", 

            "kota" => "TANGERANG"), 

        array(

            "nama" => "BETA", 

            "usia" => "25", 

            "kota" => "BOGOR")

);    

Dan kalian ingin melakukan pencarian berdasarkan nama untuk mendapatkan value kotanya. Kalian bisa menggunakan code berikut

$index= array_search("ADIT", array_column($person, 'nama'));

$kota=$person[$index]['kota'];  // hasilnya BEKASI

Mudah bukan pencarian dalam array di PHP. Kalian bisa implementasikan sesuai kebutuhan 

Read More

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);  
 };  

Read More

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);  

Read More

Spoiler pada Blogspot

Mungkin di forum terbesar di Indonesia menggunakan spoiler sangat mudah, tetapi di blogspot kita harus menggunakan sedikit kode javascript.

1. Buat element html/Javascript
2. masukan kode berikut

 <a href="#" onclick="if(this.parentNode.getElementsByTagName('div')[0].style.display != ''){this.parentNode.getElementsByTagName('div')[0].style.display = '';this.value = 'Hide Content';}else{ this.parentNode.getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Show Content';}" />Show Spoiler</a>  

3. area yang akan dispoiler

 <div style="display: none;">// masukkan konten disini</div>  

Mudah bukan kawan2. Selamat mencoba :)

Read More

Insert or Update When Exists Mysql

Create a UNIQUE constraint on your subs_email column, if one does not already exist:

ALTER TABLE subs ADD UNIQUE (subs_email)

Use INSERT … ON DUPLICATE KEY UPDATE:

INSERT INTO subs

  (subs_name, subs_email, subs_birthday)

VALUES

  (?, ?, ?)

ON DUPLICATE KEY UPDATE

  subs_name     = VALUES(subs_name),

  subs_birthday = VALUES(subs_birthday)

Read More

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 ^^

Read More