Tab cycling storage skills

Organized the Storage & Skills page to have tab cycling by section, left-to-right, top-to-bottom.
This commit is contained in:
Erik Arndt
2025-09-16 02:51:32 -04:00
committed by GitHub
parent c160ee4e70
commit 9e2813b77f
+107 -115
View File
@@ -650,6 +650,42 @@
<div class="image">
<img src="https://i.imgur.com/FBu7iGW.png" alt="sheet"></div>
<div class="techslot">
<input type="text" name="attr_techslot" style="width: 27px;" readonly></div>
<div class="artarc1">
<input type="text" name="attr_artarc1" style="width: 273px;"></div>
<div class="artarc1check">
<input type="checkbox" name="attr_artarc1check" value="1" style=""></div>
<div class="artarc2">
<input type="text" name="attr_artarc2" style="width: 273px;"></div>
<div class="artarc2check">
<input type="checkbox" name="attr_artarc2check" value="1" style=""></div>
<div class="artarc3">
<input type="text" name="attr_artarc3" style="width: 273px;"></div>
<div class="artarc3check">
<input type="checkbox" name="attr_artarc3check" value="1" style=""></div>
<div class="artarc4">
<input type="text" name="attr_artarc4" style="width: 273px;"></div>
<div class="artarc4check">
<input type="checkbox" name="attr_artarc4check" value="1" style=""></div>
<div class="artarc5">
<input type="text" name="attr_artarc5" style="width: 273px;"></div>
<div class="artarc5check">
<input type="checkbox" name="attr_artarc5check" value="1" style=""></div>
<div class="artarc6">
<input type="text" name="attr_artarc6" style="width: 273px;"></div>
<div class="artarc6check">
<input type="checkbox" name="attr_artarc6check" value="1" style=""></div>
<div class="artarc7">
<input type="text" name="attr_artarc7" style="width: 273px;"></div>
<div class="artarc7check">
<input type="checkbox" name="attr_artarc7check" value="1" style=""></div>
<div class="artarc8">
<input type="text" name="attr_artarc8" style="width: 273px;"></div>
<div class="artarc8check">
<input type="checkbox" name="attr_artarc8check" value="1" style=""></div>
<div class="eqmnt1">
<input type="text" name="attr_eqmnt1" style="width: 278px;"></div>
<div class="eqmnt1load">
@@ -691,156 +727,112 @@
<div class="eqmnt10load">
<input type="text" name="attr_eqmnt10load" style="width: 27px;"></div>
<div class="bulktotal2">
<input type="text" name="attr_bulktotal" min="0" style="width: 31px;"></div>
<div class="load2">
<input type="text" name="attr_load" min="0" style="width: 33px;" readonly></div>
<div class="artarc1">
<input type="text" name="attr_artarc1" style="width: 273px;"></div>
<div class="artarc2">
<input type="text" name="attr_artarc2" style="width: 273px;"></div>
<div class="artarc3">
<input type="text" name="attr_artarc3" style="width: 273px;"></div>
<div class="artarc4">
<input type="text" name="attr_artarc4" style="width: 273px;"></div>
<div class="artarc5">
<input type="text" name="attr_artarc5" style="width: 273px;"></div>
<div class="artarc6">
<input type="text" name="attr_artarc6" style="width: 273px;"></div>
<div class="artarc7">
<input type="text" name="attr_artarc7" style="width: 273px;"></div>
<div class="artarc8">
<input type="text" name="attr_artarc8" style="width: 273px;"></div>
<div class="artarc1check">
<input type="checkbox" name="attr_artarc1check" value="1" style=""></div>
<div class="artarc2check">
<input type="checkbox" name="attr_artarc2check" value="1" style=""></div>
<div class="artarc3check">
<input type="checkbox" name="attr_artarc3check" value="1" style=""></div>
<div class="artarc4check">
<input type="checkbox" name="attr_artarc4check" value="1" style=""></div>
<div class="artarc5check">
<input type="checkbox" name="attr_artarc5check" value="1" style=""></div>
<div class="artarc6check">
<input type="checkbox" name="attr_artarc6check" value="1" style=""></div>
<div class="artarc7check">
<input type="checkbox" name="attr_artarc7check" value="1" style=""></div>
<div class="artarc8check">
<input type="checkbox" name="attr_artarc8check" value="1" style=""></div>
<div class="techslot">
<input type="text" name="attr_techslot" style="width: 27px;" readonly></div>
<div class="charm1">
<input type="text" name="attr_charm1" style="width: 240px;"></div>
<div class="charm2">
<input type="text" name="attr_charm2" style="width: 240px;"></div>
<div class="charm3">
<input type="text" name="attr_charm3" style="width: 240px;"></div>
<div class="charm4">
<input type="text" name="attr_charm4" style="width: 240px;"></div>
<div class="charm5">
<input type="text" name="attr_charm5" style="width: 240px;"></div>
<div class="charm6">
<input type="text" name="attr_charm6" style="width: 240px;"></div>
<div class="charm7">
<input type="text" name="attr_charm7" style="width: 240px;"></div>
<div class="charm8">
<input type="text" name="attr_charm8" style="width: 240px;"></div>
<div class="charm1notch">
<input type="text" name="attr_charm1notch" style="width: 27px;"></div>
<div class="charm2notch">
<input type="text" name="attr_charm2notch" style="width: 27px;"></div>
<div class="charm3notch">
<input type="text" name="attr_charm3notch" style="width: 27px;"></div>
<div class="charm4notch">
<input type="text" name="attr_charm4notch" style="width: 27px;"></div>
<div class="charm5notch">
<input type="text" name="attr_charm5notch" style="width: 27px;"></div>
<div class="charm6notch">
<input type="text" name="attr_charm6notch" style="width: 27px;"></div>
<div class="charm7notch">
<input type="text" name="attr_charm7notch" style="width: 27px;"></div>
<div class="charm8notch">
<input type="text" name="attr_charm8notch" style="width: 27px;"></div>
<div class="charmnotchmax">
<input type="text" name="attr_charmnotchmax" style="width: 27px;"></div>
<div class="charm1">
<input type="text" name="attr_charm1" style="width: 240px;"></div>
<div class="charm1notch">
<input type="text" name="attr_charm1notch" style="width: 27px;"></div>
<div class="charm2">
<input type="text" name="attr_charm2" style="width: 240px;"></div>
<div class="charm2notch">
<input type="text" name="attr_charm2notch" style="width: 27px;"></div>
<div class="charm3">
<input type="text" name="attr_charm3" style="width: 240px;"></div>
<div class="charm3notch">
<input type="text" name="attr_charm3notch" style="width: 27px;"></div>
<div class="charm4">
<input type="text" name="attr_charm4" style="width: 240px;"></div>
<div class="charm4notch">
<input type="text" name="attr_charm4notch" style="width: 27px;"></div>
<div class="charm5">
<input type="text" name="attr_charm5" style="width: 240px;"></div>
<div class="charm5notch">
<input type="text" name="attr_charm5notch" style="width: 27px;"></div>
<div class="charm6">
<input type="text" name="attr_charm6" style="width: 240px;"></div>
<div class="charm6notch">
<input type="text" name="attr_charm6notch" style="width: 27px;"></div>
<div class="charm7">
<input type="text" name="attr_charm7" style="width: 240px;"></div>
<div class="charm7notch">
<input type="text" name="attr_charm7notch" style="width: 27px;"></div>
<div class="charm8">
<input type="text" name="attr_charm8" style="width: 240px;"></div>
<div class="charm8notch">
<input type="text" name="attr_charm8notch" style="width: 27px;"></div>
<div class="bulktotal2">
<input type="text" name="attr_bulktotal" min="0" style="width: 31px;"></div>
<div class="load2">
<input type="text" name="attr_load" min="0" style="width: 33px;" readonly></div>
<div class="lightequip">
<textarea name="attr_lightequip" rows="30" cols="43" style="width: 332px; height: 238px;"></textarea></div>
<div class="profname1">
<input type="text" name="attr_profname1" style="width: 160px;"></div>
<div class="profname2">
<input type="text" name="attr_profname2" style="width: 160px;"></div>
<div class="profname3">
<input type="text" name="attr_profname3" style="width: 160px;"></div>
<div class="prof11">
<input type="text" name="attr_prof11" style="width: 130px;"></div>
<div class="prof12">
<input type="text" name="attr_prof12" style="width: 130px;"></div>
<div class="prof13">
<input type="text" name="attr_prof13" style="width: 130px;"></div>
<div class="prof14">
<input type="text" name="attr_prof14" style="width: 130px;"></div>
<div class="prof21">
<input type="text" name="attr_prof21" style="width: 130px;"></div>
<div class="prof22">
<input type="text" name="attr_prof22" style="width: 130px;"></div>
<div class="prof23">
<input type="text" name="attr_prof23" style="width: 130px;"></div>
<div class="prof24">
<input type="text" name="attr_prof24" style="width: 130px;"></div>
<div class="prof31">
<input type="text" name="attr_prof31" style="width: 130px;"></div>
<div class="prof32">
<input type="text" name="attr_prof32" style="width: 130px;"></div>
<div class="prof33">
<input type="text" name="attr_prof33" style="width: 130px;"></div>
<div class="prof34">
<input type="text" name="attr_prof34" style="width: 130px;"></div>
<div class="profname1num">
<input type="text" name="attr_profname1num" style="width: 27px;"></div>
<div class="profname2num">
<input type="text" name="attr_profname2num" style="width: 27px;"></div>
<div class="profname3num">
<input type="text" name="attr_profname3num" style="width: 27px;"></div>
<div class="prof11">
<input type="text" name="attr_prof11" style="width: 130px;"></div>
<div class="prof11check">
<input type="checkbox" name="attr_prof11check" value="1" style=""></div>
<div class="prof12">
<input type="text" name="attr_prof12" style="width: 130px;"></div>
<div class="prof12check">
<input type="checkbox" name="attr_prof12check" value="1" style=""></div>
<div class="prof13">
<input type="text" name="attr_prof13" style="width: 130px;"></div>
<div class="prof13check">
<input type="checkbox" name="attr_prof13check" value="1" style=""></div>
<div class="prof14">
<input type="text" name="attr_prof14" style="width: 130px;"></div>
<div class="prof14check">
<input type="checkbox" name="attr_prof14check" value="1" style=""></div>
<div class="profname2">
<input type="text" name="attr_profname2" style="width: 160px;"></div>
<div class="profname2num">
<input type="text" name="attr_profname2num" style="width: 27px;"></div>
<div class="prof21">
<input type="text" name="attr_prof21" style="width: 130px;"></div>
<div class="prof21check">
<input type="checkbox" name="attr_prof21check" value="1" style=""></div>
<div class="prof22">
<input type="text" name="attr_prof22" style="width: 130px;"></div>
<div class="prof22check">
<input type="checkbox" name="attr_prof22check" value="1" style=""></div>
<div class="prof23">
<input type="text" name="attr_prof23" style="width: 130px;"></div>
<div class="prof23check">
<input type="checkbox" name="attr_prof23check" value="1" style=""></div>
<div class="prof24">
<input type="text" name="attr_prof24" style="width: 130px;"></div>
<div class="prof24check">
<input type="checkbox" name="attr_prof24check" value="1" style=""></div>
<div class="profname3">
<input type="text" name="attr_profname3" style="width: 160px;"></div>
<div class="profname3num">
<input type="text" name="attr_profname3num" style="width: 27px;"></div>
<div class="prof31">
<input type="text" name="attr_prof31" style="width: 130px;"></div>
<div class="prof31check">
<input type="checkbox" name="attr_prof31check" value="1" style=""></div>
<div class="prof32">
<input type="text" name="attr_prof32" style="width: 130px;"></div>
<div class="prof32check">
<input type="checkbox" name="attr_prof32check" value="1" style=""></div>
<div class="prof33">
<input type="text" name="attr_prof33" style="width: 130px;"></div>
<div class="prof33check">
<input type="checkbox" name="attr_prof33check" value="1" style=""></div>
<div class="prof34">
<input type="text" name="attr_prof34" style="width: 130px;"></div>
<div class="prof34check">
<input type="checkbox" name="attr_prof34check" value="1" style=""></div>
<div class="lightequip">
<textarea name="attr_lightequip" rows="30" cols="43" style="width: 332px; height: 238px;"></textarea></div>
</div>
</div>