User:Hefner/Sandbox7: Difference between revisions

From Roat Pkz
Jump to navigation Jump to search
No edit summary
No edit summary
Line 2: Line 2:
   <div class="tier">
   <div class="tier">
     <h3>S Tier</h3>
     <h3>S Tier</h3>
     <ul class="sortable">
     <ul id="s-tier">
      <li id="item1" draggable="true">Item A</li>
       <!-- Items will be appended here -->
       <li id="item2" draggable="true">Item B</li>
     </ul>
     </ul>
   </div>
   </div>
   <div class="tier">
   <div class="tier">
     <h3>A Tier</h3>
     <h3>A Tier</h3>
     <ul class="sortable">
     <ul id="a-tier">
       <li id="item3" draggable="true">Item C</li>
       <!-- Items will be appended here -->
      <li id="item4" draggable="true">Item D</li>
    </ul>
  </div>
  <div class="tier">
    <h3>B Tier</h3>
    <ul id="b-tier">
      <!-- Items will be appended here -->
     </ul>
     </ul>
   </div>
   </div>
</div>
</div>
<h3>Assign Items to Tiers</h3>
<ul>
  <li>
    Item A
    <select class="tier-selector" id="itemA">
      <option value="s-tier">S Tier</option>
      <option value="a-tier">A Tier</option>
      <option value="b-tier">B Tier</option>
    </select>
  </li>
  <li>
    Item B
    <select class="tier-selector" id="itemB">
      <option value="s-tier">S Tier</option>
      <option value="a-tier">A Tier</option>
      <option value="b-tier">B Tier</option>
    </select>
  </li>
  <li>
    Item C
    <select class="tier-selector" id="itemC">
      <option value="s-tier">S Tier</option>
      <option value="a-tier">A Tier</option>
      <option value="b-tier">B Tier</option>
    </select>
  </li>
</ul>

Revision as of 13:22, 8 May 2025

A Tier

B Tier

Assign Items to Tiers

  • Item A <select class="tier-selector" id="itemA"> <option value="s-tier">S Tier</option> <option value="a-tier">A Tier</option> <option value="b-tier">B Tier</option> </select>
  • Item B <select class="tier-selector" id="itemB"> <option value="s-tier">S Tier</option> <option value="a-tier">A Tier</option> <option value="b-tier">B Tier</option> </select>
  • Item C <select class="tier-selector" id="itemC"> <option value="s-tier">S Tier</option> <option value="a-tier">A Tier</option> <option value="b-tier">B Tier</option> </select>