Komunitas:Daftar Artikel: Perbedaan antara revisi

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


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


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


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


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


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


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


__NOTOC__
    searchInput.addEventListener('input', function(e) {
      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.24

<!DOCTYPE html> Daftar Artikel Pangan dan Provinsi

Bahan Pangan

category = Bahan Pangan category = Matang order = ascending ordermethod = title

Olahan Pangan

category = Olahan Pangan category = Matang order = ascending ordermethod = title

Sumatera Selatan

category = Sumatera Selatan category = Matang order = ascending ordermethod = title

Sulawesi Selatan

category = Sulawesi Selatan category = Matang order = ascending ordermethod = title

Nusa Tenggara Timur

category = Nusa Tenggara Timur category = Matang order = ascending ordermethod = title

Jawa Barat

category = Jawa Barat category = Matang order = ascending ordermethod = title

Jawa Tengah

category = Jawa Tengah category = Matang order = ascending ordermethod = title

Jawa Timur

category = Jawa Timur category = Matang order = ascending ordermethod = title

Sumatera Utara

category = Sumatera Utara category = Matang order = ascending ordermethod = title

Diperoleh dari "https://wikipangan.id/index.php?title=Komunitas:Daftar_Artikel&oldid=2541"