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

Sumatera Utara

Tidak ada halaman yang memenuhi kriteria ini.