Multiple Dropdown (Data Validation) Microsoft Excel

Bagaimana cara membuat Multiple Dropdown atau dalam istilah Microsoft Office disebut “Data Validation” pada Microsoft Excel ?

 

Check this out

Contoh Kasus Sederhana: Pilih Jurusan dan Konsentrasi Mata Pelajaran Siswa

Tools: Microsoft Office Excel 2007

 

1. Tahap pertama sediakan dahulu pilihan menu-menu yang akan kita tampilkan.

 

1

 

2. Masuk ke Tab “FORMULAS”, kemudian pilih menu “NAME MANAGER” .

 

2

 

3. Setelah memilih menu “NAME MANAGER”, akan muncul pop up panel “NAME MANAGER” dan Klik tombol “NEW”. Kemudian akan keluar pop up panel NEW NAME dan cukup isikan hanya field “NAME” dan “REFERS TO” sesuai dengan gambar berikut :

3

kemudian klik OK

 

4. Lakukan hal yang sama dengan langkah ke 3. untuk pilihan menu IPA dan IPS

4

 

5. Sehingga kita akan mendapatkan 3 buah NAME MANAGER

5

 

6. Selanjutnya buat sebuah tabel yang akan menjadi work station kita 😀 Disini saya buat contoh tabel nama siswa dengan pilihan Jurusan dan Konsentrasi yang masih kosong.

6

 

7. untuk memulai membuat DROPDOWN pertama kita, Arahkan cursor Pada Kolom Jurusan bagian BUDI, dan masuk ke Tab “DATA” dan pilih menu “DATA VALIDATION”.  Akan muncul pop up panel Data Validation dan lakukan :

a. pada bagian Allow, pilih “LIST”

b. pada bagian Source, isi field dengan Name Manager yang kita buat tadi, “=JURUSAN”. kemudian klik OK.

Hasilnya BUDI sudah dapat memilih Jurusan nya dengan memilih menu dropdown tadi.

7

 

8. untuk DROPDOWN kedua, yaitu “Konsentrasi” dari Jurusan, lakukan hal yang sama seperti tahap 7, namun dengan isian yang berbeda, perhatikan gambar berikut :

8

Artinya, Kolom “Konsentrasi” atau D4 bersifat INDIRECT dengan Kolom “Jurusan” atau C4.

 

9. Hasilnya akan tampil sebagai berikut :

 

9

 

 

10. SELESAI 😀

 

 

Jika ada yang kurang jelas, silahkan tulis dikomentar aja. Kita diskusikan bareng2 🙂

 

 

Tampilkan Animasi Loading Sampai Halaman Selesai di load

HTML nya :

<div id="loading"><img id="loading-image" src="images/ajax-loader.gif" alt="Loading..." /></div>

CSS nya :


#loading {width: 100%;height: 100%;top: 0px;left: 0px;position: fixed;display: block;opacity: 0.7;background-color: #fff;z-index: 99;text-align: center;}
#loading-image {position: absolute;top: 100px;left: 240px;z-index: 100;}

JQUERY nya :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
  $(window).load(function() {
    $('#loading').hide();
  });

Handling Unknown Array Dimention [PHP]

echo “<br><table border=1>”;
$rows = count($oke); //$oke adalah sumber arraynya. berapapun dimensi arraynya/tidak diketahui
for ($row = 0; $row < $rows; $row++) {

$cols = count($oke[$row]);
echo “<tr>”;
for($col = 0; $col < $cols; $col++ ) {
echo “<td>”.$oke[$row][$col].”</td>”;
}
echo “</tr>”;

}
echo “</table>”;