[Comunity] Laravel A Framework For Web Artisans :: Belajar, Diskusi, Tanya, dll.

Beranda

...

Programmer Forum
[Comunity] Laravel A Framework For Web Artisans :: Belajar, Diskusi, Tanya, dll.

aa_pratomo

30-12-2012 16:20

[Comunity] Laravel A Framework For Web Artisans :: Belajar, Diskusi, Tanya, dll.

Hallo Gan, berhubung di kaskus ini saya ubek2 belum ada thread yang membahas Laravel, maka dari itu saya ijin untuk membuat threadnya untuk keperluan Belajar, Diskusi dan Tanya-jawab.

Diubah oleh aa_pratomo 26-10-2016 16:30

vanturgo16 dan 5 lainnya memberi reputasi

326.7K

Kutip

4.1K

Balasan

Guest

Tulis komentar menarik atau mention replykgpt untuk ngobrol seru

Mari bergabung, dapatkan informasi dan teman baru!

Programmer Forum

20.2KThread•4.2KAnggota

Tampilkan semua post

flirt.

21-11-2019 09:17

#3857

Misi gan numpang tanya lagi, kalau mau nampilin data table sesuai pilihan dropdown (misalkan opsi A, B, dan C) dan di tampilan awal langsung tampilin salah satu opsi tablenya (misalkan table C) tanpa seluruh data ikut ditampilkan itu gmn ya gan?

Contoh source codenya seperti ini:

Spoiler for src:

Code:

<!DOCTYPE html>

<head>

 <style>

 /*This CSS is only for demo purposes */

 table, td, th {border: 1px solid; width:751px}

 th {background-color: #eaeaea;}

 th, td {padding: 12px;}

 select {margin: 1em 0;}

 </style>

</head>

<body>

 <select id="choice">

 <option value="all" selected>All</option>

 <option value="oct">October</option>

 </select>



 <table id="table">

 <thead>

 <tr>

 <th>Deskripsi</th>

 <th>Debet</th>

 <th>Kredit</th>

 <th>Total</th>

 </tr>

 </thead>

 <tbody>

 <tr class="all">

 <td>Penjualan</td>

 <td>Rp.500.000,-</td>

 <td>Rp.0,-</td>

 <td>Rp.500.000,-</td>

 </tr>

 <tr class="all">

 <td>Lelang</td>

 <td>Rp.250.000,-</td>

 <td>Rp.0,-</td>

 <td>Rp.250.000,-</td>

 </tr>

 <tr class="all">

 <td>Pemasukan Lain-lain</td>

 <td>Rp.100.000,-</td>

 <td>Rp.0,-</td>

 <td>Rp.100.000,-</td>

 </tr>

 <tr class="all">

 <td>Tagihan</td>

 <td>Rp.0,-</td>

 <td>Rp.500.000,-</td>

 <td>Rp.500.000,-</td>

 </tr>

 <tr class="all">

 <td>Operasional</td>

 <td>Rp.0,-</td>

 <td>Rp.50.000,-</td>

 <td>Rp.50.000,-</td>

 </tr>

 <tr class="all">

 <td>Pengeluaran Lain-lain</td>

 <td>Rp.0,-</td>

 <td>Rp.0,-</td>

 <td>Rp.0,-</td>

 </tr>

 <tr class="oct">

 <td>Penjualan</td>

 <td>Rp.250.000,-</td>

 <td>Rp.0,-</td>

 <td>Rp.250.000,-</td>

 </tr>

 <tr class="oct">

 <td>Lelang</td>

 <td>Rp.100.000,-</td>

 <td>Rp.0,-</td>

 <td>Rp.100.000,-</td>

 </tr>

 <tr class="oct">

 <td>Pemasukan Lain-lain</td>

 <td>Rp.30.000,-</td>

 <td>Rp.0,-</td>

 <td>Rp.30.000,-</td>

 </tr>

 <tr class="oct">

 <td>Tagihan</td>

 <td>Rp.0,-</td>

 <td>Rp.300.000,-</td>

 <td>Rp.300.000,-</td>

 </tr>

 <tr class="oct">

 <td>Operasional</td>

 <td>Rp.0,-</td>

 <td>Rp.25.000,-</td>

 <td>Rp.25.000,-</td>

 </tr>

 <tr class="oct">

 <td>Pengeluaran Lain-lain</td>

 <td>Rp.0,-</td>

 <td>Rp.0,-</td>

 <td>Rp.0,-</td>

 </tr>

 </tbody>

 </table>

</body>

[removed][removed]

[removed][removed]

[removed]

 //here is the custom JS we would like to add

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

 $("#table tbody tr").hide();

 $("#table tbody tr." + $(this).val()).show("fast");

 });



 //this JS calls the tablesorter plugin that we already use on our site

 $("#table").tablesorter({ sortList: [[0, 0]] });

[removed]

</html>

Contoh tampilannya:

Spoiler for tampilan:

Tampilan awal semuanya ikut ditampilkan datanya.

Ini kalau opsi oktober aja.

Opsi yang all, yg mau ditampilkan di awal maksudnya seperti ini aja.

Mungkin agan-agan ada yang bisa bantu, makasi banyak gan!

Kutip

Balas

Tutup