W3.JS HTML အမျိုးအစား


အစိတ်အပိုင်းများကို စီရန်-

w3.sortHTML(selector)

စာရင်းများကို စီပါ။

စာရင်းကို အက္ခရာစဉ်အလိုက်စီရန် ခလုတ်ကို နှိပ်ပါ-

  • အော်စလို
  • စတော့ဟုမ်း
  • ဟယ်စင်ကီ
  • ဘာလင်
  • ပါခင်ဗျာ။
  • မက်ဒရစ်

ဥပမာ

<button onclick="w3.sortHTML('#id01', 'li')">Sort</button>

<ul id="id01">
  <li>Oslo</li>
  <li>Stockholm</li>
  <li>Helsinki</li>
  <li>Berlin</li>
  <li>Rome</li>
  <li>Madrid</li>
</ul>

ဇယားများကို စီပါ။

ဇယားကို အလိုက်စီခွဲရန် ဇယားခေါင်းစီးများကို နှိပ်ပါ-

နာမည် တိုင်းပြည်
Berglund ၏အမြန်ဖလား ဆွီဒင်
မြောက်/တောင် ယူကေ
အဲဖရက်ရဲ့ အစာကျွေးပုံး ဂျာမနီ
တော်ဝင်အစားအစာ ဂျာမနီ
စားနပ်ရိက္ခာဂိုဒေါင်များ စုစည်းထားသည်။ အီတလီ
ပဲရစ်အထူးပြုများ ပြင်သစ်
ကျွန်းရောင်းဝယ်ရေး ယူကေ
Bacchus Winecellars ရယ် ကနေဒါ

ဥပမာ

<table id="myTable">
  <tr>
    <th onclick="w3.sortHTML('#myTable','.item', 'td:nth-child(1)')">Name</th>
    <th onclick="w3.sortHTML('#myTable','.item', 'td:nth-child(2)')">Country</th>
  </tr>
  <tr class="item">
    <td>Berglunds snabbkop</td>
    <td>Sweden</td>
  </tr>
  <tr class="item">
    <td>North/South</td>
    <td>UK</td>
    </tr>
  <tr class="item">
    <td>Alfreds Futterkiste</td>
    <td>Germany</td>
  </tr>
...
</table>