Komunitas:Daftar Artikel: Perbedaan antara revisi

Dari WikiPangan
Tidak ada ringkasan suntingan
Tag: Dikembalikan
Tidak ada ringkasan suntingan
Tag: Pengembalian manual VisualEditor
Baris 1: Baris 1:
<!DOCTYPE html>
<!-- Bahan Pangan -->
<html lang="id">
<div style="margin-bottom: 2em; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
<head>
<h2>Bahan Pangan</h2>
  <meta charset="UTF-8">
<DynamicPageList>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
category = Bahan Pangan
  <title>Daftar Artikel Pangan dan Provinsi</title>
category = Matang
</head>
order = ascending
<body>
ordermethod = title
  <div class="container">
</DynamicPageList>
    <div class="search-bar">
</div>
      <input type="text" id="searchInput" placeholder="Cari artikel...">
    </div>
    <div class="grid">
      <!-- Bahan Pangan -->
      <div class="card">
        <h2>Bahan Pangan</h2>
        <DynamicPageList>
          category = Bahan Pangan
          category = Matang
          order = ascending
          ordermethod = title
        </DynamicPageList>
      </div>


      <!-- Olahan Pangan -->
<!-- Olahan Pangan -->
      <div class="card">
<div style="margin-bottom: 2em; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
        <h2>Olahan Pangan</h2>
<h2>Olahan Pangan</h2>
        <DynamicPageList>
<DynamicPageList>
          category = Olahan Pangan
category = Olahan Pangan
          category = Matang
category = Matang
          order = ascending
order = ascending
          ordermethod = title
ordermethod = title
        </DynamicPageList>
</DynamicPageList>
      </div>
</div>


      <!-- Sumatera Selatan -->
<!-- Sumatera Selatan -->
      <div class="card">
<div style="margin-bottom: 2em; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
        <h2>Sumatera Selatan</h2>
<h2>Sumatera Selatan</h2>
        <DynamicPageList>
<DynamicPageList>
          category = Sumatera Selatan
category = Sumatera Selatan
          category = Matang
category = Matang
          order = ascending
order = ascending
          ordermethod = title
ordermethod = title
        </DynamicPageList>
</DynamicPageList>
      </div>
</div>


      <!-- Sulawesi Selatan -->
<!-- Sulawesi Selatan -->
      <div class="card">
<div style="margin-bottom: 2em; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
        <h2>Sulawesi Selatan</h2>
  <h2>Sulawesi Selatan</h2>
        <DynamicPageList>
<dynamicpagelist>
          category = Sulawesi Selatan
category = Sulawesi Selatan
          category = Matang
category = Matang
          order = ascending
order = ascending
          ordermethod = title
ordermethod = title
        </DynamicPageList>
      </div>


      <!-- Nusa Tenggara Timur -->
</dynamicpagelist>
      <div class="card">
</div>
        <h2>Nusa Tenggara Timur</h2>
        <DynamicPageList>
          category = Nusa Tenggara Timur
          category = Matang
          order = ascending
          ordermethod = title
        </DynamicPageList>
      </div>


      <!-- Jawa Barat -->
<!-- Nusa Tenggara Timur -->
      <div class="card">
<div style="margin-bottom: 2em; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
        <h2>Jawa Barat</h2>
  <h2>Nusa Tenggara Timur</h2>
        <DynamicPageList>
<DynamicPageList>
          category = Jawa Barat
category = Nusa Tenggara Timur
          category = Matang
category = Matang
          order = ascending
order = ascending
          ordermethod = title
ordermethod = title
        </DynamicPageList>
</DynamicPageList>
      </div>
</div>


      <!-- Jawa Tengah -->
<!-- Jawa Barat -->
      <div class="card">
<div style="margin-bottom: 2em; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
        <h2>Jawa Tengah</h2>
  <h2>Jawa Barat</h2>
        <DynamicPageList>
<DynamicPageList>
          category = Jawa Tengah
category = Jawa Barat
          category = Matang
category = Matang
          order = ascending
order = ascending
          ordermethod = title
ordermethod = title
        </DynamicPageList>
</DynamicPageList>
      </div>
</div>


      <!-- Jawa Timur -->
<!-- Jawa Tengah -->
      <div class="card">
<div style="margin-bottom: 2em; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
        <h2>Jawa Timur</h2>
  <h2>Jawa Tengah</h2>
        <DynamicPageList>
<DynamicPageList>
          category = Jawa Timur
category = Jawa Tengah
          category = Matang
category = Matang
          order = ascending
order = ascending
          ordermethod = title
ordermethod = title
        </DynamicPageList>
</DynamicPageList>
      </div>
</div>


      <!-- Sumatera Utara -->
<!-- Jawa Timur -->
      <div class="card">
<div style="margin-bottom: 2em; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
        <h2>Sumatera Utara</h2>
  <h2>Jawa Timur</h2>
        <DynamicPageList>
<DynamicPageList>
          category = Sumatera Utara
category = Jawa Timur
          category = Matang
category = Matang
          order = ascending
order = ascending
          ordermethod = title
ordermethod = title
        </DynamicPageList>
</DynamicPageList>
      </div>
</div>
    </div>
  </div>


   <script>
<!-- Sumatera Utara -->
    // Fungsi pencarian sederhana
<div style="margin-bottom: 2em; border: 1px solid #ddd; border-radius: 8px; padding: 1em; background-color: #fff;">
    const searchInput = document.getElementById('searchInput');
   <h2>Sumatera Utara</h2>
    const cards = document.querySelectorAll('.card');
<DynamicPageList>
category = Sumatera Utara
category = Matang
order = ascending
ordermethod = title
</DynamicPageList>
</div>


    searchInput.addEventListener('input', function(e) {
__NOTOC__
      const searchTerm = e.target.value.toLowerCase();
 
      cards.forEach(card => {
        const title = card.querySelector('h2').textContent.toLowerCase();
        const links = card.querySelectorAll('ul li a');
        let hasMatch = false;
 
        // Periksa apakah judul atau teks tautan cocok dengan kata kunci pencarian
        if (title.includes(searchTerm)) {
          hasMatch = true;
        } else {
          links.forEach(link => {
            if (link.textContent.toLowerCase().includes(searchTerm)) {
              hasMatch = true;
            }
          });
        }
 
        // Tampilkan atau sembunyikan kartu berdasarkan kecocokan
        card.style.display = hasMatch || searchTerm === '' ? '' : 'none';
      });
    });
  </script>
</body>
</html>

Revisi per 24 Juli 2025 18.25

Olahan Pangan

Jawa Barat

Tidak ada halaman yang memenuhi kriteria ini.

Jawa Tengah

Tidak ada halaman yang memenuhi kriteria ini.

Jawa Timur

Sumatera Utara

Tidak ada halaman yang memenuhi kriteria ini.