Obsidian Portal - Campaign websites for Dungeons and Dragons and other tabletop RPGs

ACKS Character Sheet

Author: Bobloblah

Slug: acksheet

System: Adventurer Conqueror King

DST Source Code

Note: This is the latest, unapproved DST code. Only the DST author can use an unapproved DST, and even then only they can see it. If it's a new DST, then it's invisible to everyone else. If modifying a previously approved DST, then everyone else uses the most recent approved version.

HTML Template

<!DOCTYPE html>
<div class="character-sheet clearfix"> 
    <div class="fancybox">
        <h3 class="title">Basic Information</h3>
        <div class="twothirdswidth">
            <table width="100%">
            <col />
            <col />
            <col />
            <col width="14%" />
        <tr>
                <tr>
                    <td class="dsf dsf_name readonly"></td>
                    <td class="dsf dsf_class"></td>
                    <td class="dsf dsf_title"></td>
                    <td class="dsf dsf_level"></td>
                </tr>
                <tr>
                    <th>Character Name</th>
                    <th>Class</th>
                    <th>Title</th>
                    <th>Level</th>
                </tr>
            </table>
            <table width="100%">
        <col />
        <col width="19%" />
        <col width="21%" />
        <col width="21%" />
        <col width="20%" />
        <tr>
                <tr>
                    <td class="dsf dsf_race"></td>
                    <td class="dsf dsf_gender"></td>
                    <td class="dsf dsf_alignment"></td>
                    <td class="dsf dsf_xp_bonus"></td>
                    <td class="dsf dsf_experience_points"></td>
                </tr>
                <tr>
                    <th>Race</th>
                    <th>Gender</th>
                    <th>Alignment</th>
                    <th>XP Bonus</th>
                    <th>XP</th>
                </tr>
                <tr>
                    <td style="text-align:center;" <td colspan="4" class="dsf dsf_languages"></td>
                    <td class="dsf dsf_xp_next"></td>
                </tr>
                <tr>
                    <th colspan="4">Languages</th>
                    <th>XP Next</th>
                </tr>
                <tr>
                    <td style="text-align:center;" <td colspan="5" class="dsf dsf_mortal_wounds"></td>
                </tr>
                <tr>
                    <th colspan="5">Mortal Wounds</th>
                </tr>
            </table>
        </div>
        <div class="thirdwidth">
            <div class="dsf dsf_avatar_image readonly"></div>
        </div>
    </div>    

    <div class="fancybox statsbox halfwidth">
        <h3 class="title">Attributes</h3>
        <table width="100%">
            <col />
            <col width="20%" />
            <col width="20%" />
        <tr>
            <th>Name</th>
            <th>Score</th>
            <th>Mod</th>
            <th rowspan="7" class="collapse" style="width: 0px !important;"></th>
            <th rowspan="7" class="collapse" style="width: 0px !important;border-left: 1px solid #8A8A8A !important;"></th> 
        </tr><tr>
            <th class="stat">Strength</th>
            <td class="dsf dsf_strength"></td>
            <td style="text-align:center;" <td class="dsf dsf_strength_mod"></td>
        </tr><tr>
            <th class="stat">Intelligence</th>
            <td class="dsf dsf_intelligence"></td>
            <td class="dsf dsf_intelligence_mod"></td>
        </tr><tr>
            <th class="stat">Wisdom</th>
            <td class="dsf dsf_wisdom"></td>
            <td class="dsf dsf_wisdom_mod"></td>
        </tr><tr>
            <th class="stat">Dexterity</th>
            <td class="dsf dsf_dexterity"></td>
            <td class="dsf dsf_dexterity_mod"></td>
        </tr><tr>
            <th class="stat">Constitution</th>
            <td class="dsf dsf_constitution"></td>
            <td class="dsf dsf_constitution_mod"></td>
        </tr><tr>
            <th class="stat">Charisma</th>
            <td class="dsf dsf_charisma"></td>
            <td class="dsf dsf_charisma_mod"></td>
        </tr>
        </table>
    </div>
<div class="fancybox statsbox halfwidth">
        <h3 class="title">Saving Throws</h3>
        <table width="100%">
            <col />
            <col width="20%" />
        <tr>
            <th>Name</th>
            <th>Score</th>
        </tr><tr>
            <th class="stat">Petrification / Paralalysis</th>
            <td class="dsf dsf_petrification"></td>
        </tr><tr>
            <th class="stat">Poison / Death</th>
            <td class="dsf dsf_poison"></td>
        </tr><tr>
            <th class="stat">Blast / Breath</th>
            <td class="dsf dsf_blast"></td>
        </tr><tr>
            <th class="stat">Staff / Wands</th>
            <td class="dsf dsf_staff"></td>
        </tr><tr>
            <th class="stat">Spells</th>
           <td class="dsf dsf_spell"></td>
        </tr><tr>
            <th class="stat">Surprise</th>
            <td class="dsf dsf_surprise"></td>
        </tr>
        </table>
    </div>

<div class="fancybox hpacinitiativebox halfwidth">
        <h3 class="title">Stats</h4>
        <table width="100%">
        <col />
        <col width="1px"/>
        <col width="18%"/>
        <col width="0px"/>
        <col width="0px"/>
        <col width="27%"/>
        <col width="0px"/>
        <col width="0px"/>
        <col width="27%"/>
        <col width="0px"/>
        <col width="0px"/>
        <tr>
            <td class="dsf dsf_wounds"></td>
            <td class="collapse" rowspan="2">/</td>
            <td class="dsf dsf_hp"></td>
            <th rowspan="4" class="collapse" style="width: 2px !important;"></th>
            <th rowspan="4" class="collapse" style="width: 2px !important;border-left: 1px solid #8A8A8A !important;"></th> 
            <td class="dsf dsf_armrclss"></td>
            <th rowspan="4" class="collapse" style="width: 2px !important;"></th>
            <th rowspan="4" class="collapse" style="width: 2px !important;border-left: 1px solid #8A8A8A !important;"></th> 
            <td class="dsf dsf_initativ_total"></td>
            <th rowspan="4" class="collapse" style="width: 2px !important;"></th>
            <th rowspan="4" class="collapse" style="width: 2px !important;border-left: 1px solid #8A8A8A !important;"></th> 
        </tr><tr>
            <th colspan="3">Hitpoints</th>
            <th>AC</th>
            <th>Initiative</th>
        </tr>
        </table>            
    </div>
    <div class="fancybox speedbox halfwidth">
        <h3 class="title">Speed</h4>
        <table width="100%">
        <col />
        <col width="19%" />
        <col width="19%" />
        <col width="19%" />
        <col width="19%" />
        <tr>
            <td class="dsf dsf_speed_combat"></td>
            <td class="dsf dsf_speed_run"></td>
            <td class="dsf dsf_speed_climb"></td>
            <td class="dsf dsf_speed_stealth"></td>
            <td class="dsf dsf_speed_daily"></td>
        </tr><tr>
            <th>Combat</th>
            <th>Run</th>
            <th>Climb</th>
            <th>Stealth</th>
            <th>Daily</th>
        </tr>
        </table>
    </div>

       <div class="fancybox EncumbranceBox">
        <table width="100%">
        </tr>
            <th style="text-align:right;" <th>Total Encumbrance (st)</th>
            <td style="text-align:center;" <td class="dsf dsf_totalweight readonly"></td>
            </tr>
        </table>
        </div>
  
        <div class="fancybox">
        <h3 class="title">Standard Actions</h3>
            <table width="100%">
            <col />
            <col width="19%" />
            <col width="17%" />
            <col width="17%" />
            <col width="15%" />
            <col width="15%" />

        <tr>
                <tr>
                    <td class="dsf dsf_open doors"></td>
                    <td class="dsf dsf_secret doors"></td>
                    <td class="dsf dsf_hear noise"></td>
                    <td class="dsf dsf_find traps"></td>
                    <td class="dsf dsf_hunting"></td>
                    <td class="dsf dsf_foraging"></td>
                </tr>
                <tr>
                    <th>Open Doors</th>
                    <th>Detect Secret Doors</th>
                    <th>Hear Noise</th>
                    <th>Find Traps</th>
                    <th>Hunting</th>
                    <th>Foraging</th>
            </table>
         </div>
    
    <div class="fancybox weaponbox">
        <h3 class="title">Weapons<span class="ctlAddWeapon addButton">+ Add</span></h3>
        <div class="dsf dsf_ctlWeaponCount" style="display:none"></div>
        <table class="weaponTable" prefix="weapon">
        <tr>
            <th>Name</th>
            <th>Attack Throw</th>
            <th>Damage</th>
            <th>Range (ft)</th>
            <th>Type</th>
            <th>Special Qualities</th>
        </tr>
        </table>
    </div>

    <div class="fancybox armorbox">
        <h3 class="title">Protective Items (armor / shield / ring / etc.)</h3>
        <table width="100%">
        <tr>
            <th>Name</th>
            <th>AC</th>
            <th>Special Qualities</th>
            <th rowspan="5" class="collapse" style="width: 2px !important;"></th>
            <th rowspan="5" class="collapse" style="width: 2px !important;border-left: 1px solid #8A8A8A !important;"></th>
            <th>Name</th>
            <th>AC</th>
            <th>Special Qualities</th>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_protitem1"></td>
            <td class="dsf dsf_protitem1_ac_bonus"></td>
            <td style="text-align:center;"<td class="dsf dsf_protitem1_special_properties"></td>
            <td style="text-align:left;"<td class="dsf dsf_protitem2"></td>
            <td class="dsf dsf_protitem2_ac_bonus"></td>
            <td style="text-align:center;"<td class="dsf dsf_protitem2_special_properties"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_protitem3"></td>
            <td class="dsf dsf_protitem3_ac_bonus"></td>
            <td style="text-align:center;"<td class="dsf dsf_protitem3_special_properties"></td>
            <td style="text-align:left;"<td class="dsf dsf_protitem4"></td>
            <td class="dsf dsf_protitem4_ac_bonus"></td>
            <td style="text-align:center;"<td class="dsf dsf_protitem4_special_properties"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_protitem5"></td>
            <td class="dsf dsf_protitem5_ac_bonus"></td>
            <td style="text-align:center;"<td class="dsf dsf_protitem5_special_properties"></td>
            <td style="text-align:left;"<td class="dsf dsf_protitem6"></td>
            <td class="dsf dsf_protitem6_ac_bonus"></td>
            <td style="text-align:center;"<td class="dsf dsf_protitem6_special_properties"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_protitem7"></td>
            <td class="dsf dsf_protitem7_ac_bonus"></td>
            <td style="text-align:center;"<td class="dsf dsf_protitem7_special_properties"></td>
            <td style="text-align:left;"<td class="dsf dsf_protitem8"></td>
            <td class="dsf dsf_protitem8_ac_bonus"></td>
            <td style="text-align:center;"<td class="dsf dsf_protitem68special_properties"></td>
        </tr>
        </table>
        </div>
        
     <div class="abilitybox fancybox">
        <h3 class="title">Class and Race Abilities<span class="ctlAddAbility addButton">+ Add</span></h3>
        <div class="dsf dsf_ctlAbilityCount" style="display:none"></div>
        <table width="100%" class="abilityTable" prefix="special_ability">
            <tr><th>Name</th><th>Description</th></tr>
        </table>
    </div>

    <div class="featbox fancybox">
        <h3 class="title">Proficiencies<span class="ctlAddFeat addButton">+ Add</span></h3>
        <div class="dsf dsf_ctlFeatCount" style="display:none"></div>
        <table width="100%" class="featTable" prefix="feat">
            <tr><th>Name</th><th>Description</th></tr>
        </table>
    </div>
    
    <div class="fancybox Inventorybox">
        <h3 class="title">Inventory</h3>
        <table width="100%">
        <col />
        <col width="6%"/>
        <col width="6%"/>
        <col width="0%"/>
        <col width="0%"/>
        <col width="38%"/>
        <col width="6%"/>
        <col width="6%"/>
        <tr>
            <th>Name</th>
            <th>#</th>
            <th>Wt (st)</th>
            <th rowspan="13" class="collapse" style="width: 2px !important;"></th>
            <th rowspan="13" class="collapse" style="width: 2px !important;border-left: 1px solid #8A8A8A !important;"></th>
            <th>Name</th>
            <th>#</th>
            <th>Wt (st)</th>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_inventory1"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory1_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory1_wt"></td>
            <td style="text-align:left;"<td class="dsf dsf_inventory2"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory2_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory2_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_inventory3"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory3_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory3_wt"></td>
            <td style="text-align:left;"<td class="dsf dsf_inventory4"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory4_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory4_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_inventory5"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory5_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory5_wt"></td>
            <td style="text-align:left;"<td class="dsf dsf_inventory6"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory6_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory6_wt"></td>
</tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_inventory7"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory7_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory7_wt"></td>
            <td style="text-align:left;"<td class="dsf dsf_inventory8"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory8_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory8_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_inventory9"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory9_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventory9_wt"></td>
            <td style="text-align:left;"<td class="dsf dsf_inventorya"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventorya_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventorya_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_inventoryb"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryb_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryb_wt"></td>
            <td style="text-align:left;"<td class="dsf dsf_inventoryc"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryc_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryc_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_inventoryd"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryd_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryd_wt"></td>
            <td style="text-align:left;"<td class="dsf dsf_inventorye"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventorye_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventorye_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_inventoryf"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryf_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryf_wt"></td>
            <td style="text-align:left;"<td class="dsf dsf_inventoryg"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryg_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryg_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_inventoryh"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryh_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryh_wt"></td>
            <td style="text-align:left;"<td class="dsf dsf_inventoryi"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryi_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryi_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_inventoryj"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryj_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryj_wt"></td>
            <td style="text-align:left;"<td class="dsf dsf_inventoryk"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryk_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryk_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_inventoryl"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryl_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryl_wt"></td>
            <td style="text-align:left;"<td class="dsf dsf_inventorym"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventorym_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventorym_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_inventoryn"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryn_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryn_wt"></td>
            <td style="text-align:left;"<td class="dsf dsf_inventoryo"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryo_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_inventoryo_wt"></td>
        </tr><tr>
        </table>
        </div>
 
    <div class="fancybox Lootbox halfwidth">
        <h3 class="title">Loot</h3>
            <table width="100%">
            <col />
            <col width="12%" />
            <col width="12%" />
        <tr>
            <th>Name</th>
            <th>#</th>
            <th>Wt (st)</th>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_loot1"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot1_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot1_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_loot2"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot2_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot2_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_loot3"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot3_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot3_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_loot4"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot4_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot4_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_loot5"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot5_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot5_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_loot6"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot6_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot6_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_loot7"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot7_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot7_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_loot8"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot8_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot8_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_loot9"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot9_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_loot9_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_loota"></td>
            <td style="text-align:center;" <td class="dsf dsf_loota_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_loota_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_lootb"></td>
            <td style="text-align:center;" <td class="dsf dsf_lootb_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_lootb_wt"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_lootc"></td>
            <td style="text-align:center;" <td class="dsf dsf_lootc_quantity"></td>
            <td style="text-align:center;" <td class="dsf dsf_lootc_wt"></td>
        </tr><tr>
        </table>
        </div>

    <div class="fancybox MoneyBox halfwidth">
        <h3 class="title">Money</h4>
        </div>

    <div class="fancybox MoneyOnHandBox quarterwidth">
            <h4 class="title">On Hand</h4>    
            <table width="100%">
            <th style="text-align:right;" >Platinum</th>
            <td class="dsf dsf_pp"></td>
        </tr><tr>
            <th style="text-align:right;" >Gold</th>
            <td class="dsf dsf_gp"></td>
        </tr><tr>
            <th style="text-align:right;" >Electrum</th>
            <td class="dsf dsf_ep"></td>
        </tr><tr>
            <th style="text-align:right;" >Silver</th>
            <td class="dsf dsf_sp"></td>
        </tr><tr>
            <th style="text-align:right;" >Copper</th>
           <td class="dsf dsf_cp"></td>
        </tr><tr>
            <th style="text-align:right;" >Total (gp)</th>
            <td class="dsf dsf_wealth_total readonly"></td>
        </table>
    </div>


<div class="fancybox MoneyInStorageBox quarterwidth">
            <h4 class="title">In Storage</h4>
            <table width="100%">
            <th style="text-align:right;" >Platinum</th>
            <td class="dsf dsf_pps"></td>
        </tr><tr>
            <th style="text-align:right;" >Gold</th>
            <td class="dsf dsf_gps"></td>
        </tr><tr>
            <th style="text-align:right;" >Electrum</th>
            <td class="dsf dsf_eps"></td>
        </tr><tr>
            <th style="text-align:right;" >Silver</th>
            <td class="dsf dsf_sps"></td>
        </tr><tr>
            <th style="text-align:right;" >Copper</th>
           <td class="dsf dsf_cps"></td>
        </tr><tr>
            <th style="text-align:right;" >Total (gp)</th>
            <td class="dsf dsf_wealth_total_storage readonly"></td>
        </tr>
        </table>
    </div>


            
    <div class="fancybox Notebox">
        <h3 class="title">Notes</h3>
        <table width="100%">
        <tr>
            <th rowspan="13" class="collapse" style="width: 2px !important;"></th>
            <th rowspan="13" class="collapse" style="width: 2px !important;border-left: 1px solid #8A8A8A !important;"></th>
            <th>details, names, rumors</th>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_notes1"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_notes2"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_notes3"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_notes4"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_notes5"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_notes6"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_notes7"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_notes8"></td>
        </tr><tr>
            <td style="text-align:left;"<td class="dsf dsf_notes9"></td>
        </tr><tr>
        </table>
        </div>

    <div class="fancybox spellbox">
        <div class="newSpellsDialog"><b>New Spells Section:</b> <input type="checkbox" name="spontaneous" /><label for="spontaneous">Spontaneous Caster</label> <input type="checkbox" name="spellbook" /><label for="spellbook">Uses Spellbook</label> <input hidden="checkbox" name ="domains" /><label for="domains"></label> 
            <input hidden="text" name="minSpellLevel" size="1" maxlength="1" value="0" />
            &mdash;<input hidden="text" name="maxSpellLevel" size="1" maxlength="1" value="9" /> 
            <h3 class="title">Spell Level <span class="ctlAddSpellSection addButton">+ Add</span></h3>
        </div>
        <div class="dsf dsf_ctlSpellSectionCount" style="display:none"></div>
    </div>
    <div class="fancybox">
        <h3 class="title">Character Bio</h3>
        <div class="dsf dsf_bio readonly"></div>
    </div>
</div>

<div style="position:absolute;bottom:10px;width:730px;text-align:center;font-size:12pt;z-index:2;">
			Character By <span class="dsf dsf_player"></span> &#8226; 
			Sheet By <span class="dsf dsf_dst_author"></span>
</div>

CSS


.ds_acksheet .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.ds_acksheet .clearfix {
    display: inline-block;
}
 
* html .clearfix {
    height: 1%;
}


.ds_acksheet label {
    background-image: url('http://sarahgarney.com/wp-content/uploads/2012/02/parchment-paper-backgrounds.jpg');

}


.ds_acksheet
{
    line-height: 18px;
    width: 99%;
    background-image: url('http://sarahgarney.com/wp-content/uploads/2012/02/parchment-paper-backgrounds.jpg');
    padding: 0;
    margin: 0;
    border: 0;
}

.ds_acksheet .fancybox
{
    /*padding: 0 0 2px 0;*/
    padding: 2px;
    margin: 10px 0 0 0;
    display: inline-block;
    width: 99%;
    vertical-align: top;
    float: left;
}

/* Tables */

.ds_acksheet table
{
    margin: 0;
    border-collapse: separate;
    border-spacing: 1px;
    background-image: url('http://sarahgarney.com/wp-content/uploads/2012/02/parchment-paper-backgrounds.jpg');
}


.ds_acksheet td
{
    padding: 5px 5px 0 5px;
    font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif;
    font-weight: normal;
    color: #000000;
    text-align: center;    
    vertical-align: top;
    font-size: 16px;
    margin: 0 3px;
    background-image: url('http://sarahgarney.com/wp-content/uploads/2012/02/parchment-paper-backgrounds.jpg');
}

.ds_acksheet th
{
    border-top: 1px solid grey;
    padding-top: 2px;
    text-align: center;
    vertical-align: top;
    font-family: Book Antiqua3, Palatino, serif;
    font-weight: normal;
    font-variant: small-caps;
    color: #83827D;
    margin: 0 3px;
    background-image: url('http://sarahgarney.com/wp-content/uploads/2012/02/parchment-paper-backgrounds.jpg');
}

/* Active Areas */

.ds_acksheet .dsf
{
    vertical-align: center;
}

.ds_acksheet.editable span.dsf
{
    min-width: 20px;
    display: inline-block
}

.ds_acksheet .noborder
{
    border: none !important;
}


/* Titles */
.ds_acksheet .title
{
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 1px 0;
}

.ds_acksheet h3.title
{
    font-family: Book Antiqua3, Palatino, serif;
    background-image: url('http://urbatek.com/img/upload/productthumb/586');
    color: #F7F6E8;
    font-size: 20px;
    font-variant: small-caps;
    padding: 1px 0;
    font-weight: bold;
}

.ds_acksheet h4.title
{
    font-family: Book Antiqua3, Palatino, serif;
    background-image: url('http://urbatek.com/img/upload/productthumb/586');
    color: #F7F6E8;
    font-size: 12px;
    font-variant: small-caps;
    font-weight: bold;
    padding: 1px;
}

.ds_acksheet .newSpellsDialog
{
    font-family: Book Antiqua3, Palatino, serif;
    background: #000000; /* Old browsers */
    color: #636363;
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 2px 0;
}

.ds_acksheet .newSpellsDialog label
{
    display: inline;
    font: inherit;
}

.ds_acksheet .newSpellsDialog input
{
    padding: 0 2px;
    font: inherit;
}

.ds_acksheet .collapse
{
    width: 1px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-spacing: 0 !important;
    border: none !important;
}

.ds_acksheet .addButton, .ds_acksheet .removeButton
{
    display: none;
}

.ds_acksheet.editable .addButton
{
    display: inline;
    float: right;
    margin: 3px 8px;
    padding: 4px 5px;
    border-radius: 4px;
    background-color: #ccc;
    color: #111;
    cursor: pointer;
    font-weight: normal;
    font-size: 10px;
    line-height: 11px;
}

.ds_acksheet.editable .removeButton
{
    display: inline;
    float: right;
    margin: 3px 8px;
    padding: 4px 5px;
    border-radius: 4px;
    background-color: #722;
    color: #fff;
    cursor: pointer;
    font-weight: normal;
    font-size: 10px;
    line-height: 11px;
}

.ds_acksheet.editable .dsf
{

    border-radius: 2px;
}

.ds_acksheet.editable .dsf.readonly, .ds_acksheet.editable .dsf.checkbox
{

    border-radius: 0;
}


.ds_acksheet .quarterwidth
{
    width: 24.2%;
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
}

.halfwidth.halfwidthright {
    padding-right: 1%;
}

.ds_acksheet .halfwidth
{
    width: 49%;
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
}

.ds_acksheet .thirdwidth
{
    width: 32.7%;
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
}

.ds_acksheet .twothirdswidth
{
    width: 64.4%;
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
}

.ds_acksheet .threequarterwidth
{
    width: 74.5%;
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
}


.ds_acksheet .spellSection .quarterwidth
{
    width: 1%;
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
}

.ds_acksheet .spellSection .threequarterwidth
{
    width: 99%;
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
    margin-right: 2%;
}

.ds_acksheet .domain
{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-left: -1px;
    width: 181px;
    box-shadow: none;
}

.ds_acksheet .dcbox
{
    width: 1px;
    margin-right: -1px;
}

.ds_acksheet .spellSection
{
    margin-top: 5px;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}



.ds_acksheet .skillTable tr > td:first-child
{
    text-align: left;
}

.ds_acksheet .statsbox th.stat, .ds_acksheet .savesbox th.stat
{
    font-family: Book Antiqua3, Palatino, serif;
    color: #83827D;
    font-size: 20px;
    font-variant: small-caps;
    vertical-align: middle;
}


.ds_acksheet .spellList
{
    margin: 2px 1px 2px 2px;
    display: inline-block;
    font-size: 16px;
    font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif;
    font-weight: normal;
    border-bottom: 1px solid grey;
}

.ds_acksheet .spellList .dsf
{
    width: 300px;
    display: inline-block;
    height: 100%;
}

.ds_acksheet .spellList .spellLevel
{
    width: 16px;
    display: inline-block;
}

.ds_acksheet .dsf_bio
{
    min-height: 100px;
    height: 100%;
    padding: 5px;
    font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    color: #000000;
}

.ds_acksheet .sideways
{
    -webkit-transform: rotate(90deg); 
    -moz-transform: rotate(90deg);
    text-align: left;
    vertical-align: top;
    display: block;
    margin: 10px 0 15px 0;
    font-size: 10px;
}

.ds_acksheet .dsf_avatar_image {
    height: 100%;
}

Javascript

var $ = jQuery;
aisleten.characters.jeditablePlaceholder = "&nbsp;";

function acksheet_dataPreLoad(options) {
    if ($.browser.msie)
    {
    }

    if(typeof dynamic_sheet_attrs == "undefined")
        dynamic_sheet_attrs = {};
    
    var containerId = "#" + options['containerId'];
    //Set defaults to keep the editing fields from making the form gross
    var defaults = {
        str: "10",
        dex: "10",
        "con": "10",
        "int": "10",
        wis: "10",
        cha: "10",
        languages: "Common",
        
        ctlFeatCount: 5, //Default number on Takissis's sheet
        ctlAbilityCount: 5, //Default number on Takissis's sheet
        ctlInventoryCount: 10, //Due to poor numbering, the max number on Takissis's sheet
        ctlSkillCount: 0, //Start with no extra skill lines
        ctlTraitCount: 2, //A little extra padding to fill space
        ctlWeaponCount: 2, //Two rows, primary and backup
        ctlSpellSectionCount: 0
    }

  dynamic_sheet_attrs = $.extend(defaults, dynamic_sheet_attrs);
  
  if (!options.isEditable)
  {
    //We're in read-only mode, so alter the sheet a little to make it more useful
    
    //Can't add if it's not an edit
    $(containerId + " .newSpellsDialog").hide();
    
    if (dynamic_sheet_attrs.ctlSpellSectionCount <= 0)
    {
        //Not a wielder, so hide that section
        $(containerId + " .spellbox").hide();
    }

    if (dynamic_sheet_attrs.ctlTraitCount <= 0)
    {
        //Not a wielder, so hide that section
        $(containerId + " .traitbox").hide();
    }

    if (dynamic_sheet_attrs.ctlFeatCount <= 0)
    {
        //Not a wielder, so hide that section
        $(containerId + " .featbox").hide();
    }

    if (dynamic_sheet_attrs.ctlAbilityCount <= 0)
    {
        //Not a wielder, so hide that section
        $(containerId + " .abilitybox").hide();
    }
  }
  else
  {
    //First, we ensure that all the dynamic tables show at least one row
    if (dynamic_sheet_attrs.ctlFeatCount < 5)
    {
        dynamic_sheet_attrs.ctlFeatCount = 5;
    }

    if (dynamic_sheet_attrs.ctlAbilityCount < 5)
    {
        dynamic_sheet_attrs.ctlAbilityCount = 5;
    }

    if (dynamic_sheet_attrs.ctlTraitCount < 2)
    {
        dynamic_sheet_attrs.ctlTraitCount = 2;
    }

    if (dynamic_sheet_attrs.ctlSkillCount < 0)
    {
        dynamic_sheet_attrs.ctlSkillCount = 0;
    }

    if (dynamic_sheet_attrs.ctlWeaponCount < 2)
    {
        dynamic_sheet_attrs.ctlWeaponCount = 2;
    }

    if (dynamic_sheet_attrs.ctlInventoryCount < 9)
    {
        dynamic_sheet_attrs.ctlInventoryCount = 9;
    }

    //Loading in editing mode, so wire up the event handlers
    $(containerId + " .ctlAddFeat").bind("click.acksheet", function () {
        var ctl = $(containerId + " .dsf_ctlFeatCount");
        var count = Number(ctl.text())+1;
        ctl.text(count);
        acksheet_addFeatRow('featTable', 'feat', count, containerId, true);
    });

    $(containerId + " .ctlAddAbility").bind("click.acksheet", function () {
        var ctl = $(containerId + " .dsf_ctlAbilityCount");
        var count = Number(ctl.text())+1;
        ctl.text(count);
        acksheet_addFeatRow('abilityTable', 'special_ability', count, containerId, true);
    });

    $(containerId + " .ctlAddTrait").bind("click.acksheet", function () {
        var ctl = $(containerId + " .dsf_ctlTraitCount");
        var count = Number(ctl.text())+1;
        ctl.text(count);
        acksheet_addFeatRow('traitTable', 'trait', count, containerId, true);
    });

    $(containerId + " .ctlAddSkill").bind("click.acksheet", function () {
        var ctl = $(containerId + " .dsf_ctlSkillCount");
        var count = Number(ctl.text())+1;
        ctl.text(count);
        acksheet_addSkillRow('skillTable', count, containerId, true);
    });

    $(containerId + " .ctlAddWeapon").bind("click.acksheet", function () {
        var ctl = $(containerId + " .dsf_ctlWeaponCount");
        var count = Number(ctl.text())+1;
        ctl.text(count);
        acksheet_addWeaponRow('weaponTable', count, containerId, true);
    });

    $(containerId + " .ctlAddInventory").bind("click.acksheet", function () {
        var ctl = $(containerId + " .dsf_ctlInventoryCount");
        var count = Number(ctl.text())+1;
        ctl.text(count);
        acksheet_addInventoryRow('inventorybox', count, containerId, true);
    });

    $(containerId + " .ctlAddSpellSection").bind("click.acksheet", function () {
        var ctl = $(containerId + " .dsf_ctlSpellSectionCount");
        var count = Number(ctl.text());
        ctl.text(count + 1);
        acksheet_addSpellSection('spellbox', count, containerId, true);
    });

    $(containerId).delegate(".ctlRemoveSpellSection", "click", function () {
        var ctl = $(containerId + " .dsf_ctlSpellSectionCount");
        var count = Number(ctl.text()) - 1;
        ctl.text(count);
        
        ctl = $(this).parents(".spellSectionContainer").next();

        $(this).parents(".spellSectionContainer").remove();
        
        acksheet_renumberSpellSections(ctl);
    });
  }

  //Now, we initialize the dynamic rows to hold the incoming data
  for (var i=1; i<=dynamic_sheet_attrs.ctlFeatCount; i++)
  {
    acksheet_addFeatRow('featTable', 'feat', i, containerId, options.isEditable);
  }

  for (var i=1; i<=dynamic_sheet_attrs.ctlAbilityCount; i++)
  {
    acksheet_addFeatRow('abilityTable', 'special_ability', i, containerId, options.isEditable);
  }

  for (var i=1; i<=dynamic_sheet_attrs.ctlTraitCount; i++)
  {
    acksheet_addFeatRow('traitTable', 'trait', i, containerId, options.isEditable);
  }

  for (var i=1; i<=dynamic_sheet_attrs.ctlSkillCount; i++)
  {
    acksheet_addSkillRow('skillTable', i, containerId, options.isEditable);
  }

  for (var i=1; i<=dynamic_sheet_attrs.ctlWeaponCount; i++)
  {
    acksheet_addWeaponRow('weaponTable', i, containerId, options.isEditable);
  }

  for (var i=1; i<=dynamic_sheet_attrs.ctlInventoryCount; i++)
  {
    acksheet_addInventoryRow('inventorybox', i, containerId, options.isEditable);
  }

  for (var i=0; i<dynamic_sheet_attrs.ctlSpellSectionCount; i++)
  {
    acksheet_addSpellSection('spellbox', i, containerId, options.isEditable, dynamic_sheet_attrs["spsSec" + i + "_Spontaneous"] == '1', dynamic_sheet_attrs["spsSec" + i + "_Spellbook"] == '1', dynamic_sheet_attrs["spsSec" + i + "_Domains"] == '1', dynamic_sheet_attrs["spsSec" + i + "_MinLevel"], dynamic_sheet_attrs["spsSec" + i + "_MaxLevel"]);
  }
}

function acksheet_dataPostLoad(options) {
    //alert(JSON.stringify(dynamic_sheet_attrs));
    // Called just after the data is loaded.

    if (options.isEditable)
    {
        var containerId = "#" + options['containerId'];

        //since we're editing, make sure that all the data is recalculated and correct
        acksheet_updateStat("str", containerId);
        acksheet_updateStat("dex", containerId);
        acksheet_updateStat("con", containerId);
        acksheet_updateStat("int", containerId);
        acksheet_updateStat("wis", containerId);
        acksheet_updateStat("cha", containerId);
        
        acksheet_updateInventoryStuff(containerId);

        var fixHelper = function(e, ui) {
            ui.children().each(function() {
                $(this).width($(this).width());
            });
            return ui;
        };
        
        //Wire up sortable tables
        $(containerId + " .featTable").sortable({
            items: "tr:not(:first)",
            helper: fixHelper,
            update: acksheet_renumberTable
        });

        $(containerId + " .abilityTable").sortable({
            items: "tr:not(:first)",
            helper: fixHelper,
            update: acksheet_renumberTable
        });

        $(containerId + " .traitTable").sortable({
            items: "tr:not(:first)",
            helper: fixHelper,
            update: acksheet_renumberTable
        });

        $(containerId + " .inventorybox").sortable({
            items: "div.item",
            helper: fixHelper,
            update: acksheet_renumberItems
        });

        $(containerId + " .featTable tr, " + containerId + " .abilityTable tr, " + containerId + " .traitTable tr, " + containerId + " .inventorybox div.item").disableSelection();
    }
}

function acksheet_dataChange(options) {
    // Called immediately after a data value is changed.
    // alert("dataChange. " + options['fieldName'] + " = " + options['fieldValue']);

    var field = options['fieldName'];
    var val = options['fieldValue'];
    var containerId = "#" + options['containerId'];

    //need to push the values to the other versions of the field
    //required due to how jEditable works
    $(containerId + " .dsf_" + field).text(val);
    o
    switch (field)
    {
        case "str":
        case "str_damage":
        case "str_boost":
            acksheet_updateStat("str", containerId);
        break;

        case "int":
        case "int_damage":
        case "int_boost":
            acksheet_updateStat("int", containerId);
        break;

        case "wis":
        case "wis_damage":
        case "wis_boost":
            acksheet_updateStat("wis", containerId);
        break;

        case "dex":
        case "dex_damage":
        case "dex_boost":
            acksheet_updateStat("dex", containerId);
        break;

        case "con":
        case "con_damage":
        case "con_boost":
            acksheet_updateStat("con", containerId);
        break;

        case "cha":
        case "cha_damage":
        case "cha_boost":
            acksheet_updateStat("cha", containerId);
        break;
        
        case "base_fort_save":
        case "magic_fort_mod":
        case "misc_fort_mod":
        case "temp_fort_mod":
        case "base_reflex_save":
        case "magic_reflex_mod":
        case "misc_reflex_mod":
        case "temp_reflex_mod":
        case "base_willpower_save":
        case "magic_willpower_mod":
        case "misc_willpower_mod":
        case "temp_willpower_mod":
            acksheet_updateSaves(containerId);
        break;
        
        case "misc_init_mod":
            acksheet_updateInit(containerId);
        break;

        case "size_mod":
            acksheet_updateAC(containerId);
        case "bab":
            acksheet_updateAttacks(containerId);
        case "misc_grapple_mod":
            acksheet_updateGrapple(containerId);
        break;

        case "armor_bonus":
        case "shield_bonus":
        case "dexterity_mod":
        case "deflection_mod":
        case "misc_mod":
        case "natural_armor":
            acksheet_updateAC(containerId);
        break;
        
        case "pp":
        case "gp":
        case "ep":
        case "sp":
        case "cp":
        case "light_load":
            acksheet_updateInventoryStuff(containerId);
        break;

        case "pps":
        case "gps":
        case "eps":
        case "sps":
        case "cps":
        break;


        
        case "inventory1_wt":
        case "inventory2_wt":
        case "inventory3_wt":
        case "inventory4_wt":
        case "inventory5_wt":
        case "inventory6_wt":
        case "inventory7_wt":
        case "inventory8_wt":
        case "inventory9_wt":
        case "inventorya_wt":
        case "inventoryb_wt":
        case "inventoryc_wt":
        case "inventoryd_wt":
        case "inventorye_wt":
        case "inventoryf_wt":
        case "inventoryg_wt":
        case "inventoryh_wt":
        case "inventoryi_wt":
        case "inventoryj_wt":
        case "inventoryl_wt":
        case "inventorym_wt":
        case "inventoryn_wt":
        case "inventoryo_wt":
        break;

        case "loot1_wt":
        case "loot2_wt":
        case "loot3_wt":
        case "loot4_wt":
        case "loot5_wt":
        case "loot6_wt":
        case "loot7_wt":
        case "loot8_wt":
        case "loot9_wt":
        case "loota_wt":
        case "lootb_wt":
        case "lootc_wt":
        break;

    }

    if ((field.substr(field.length - 6) == '_ranks'))
    {
        acksheet_updateSkill(containerId, "dsf_" + field.substr(0, field.length - 6));
    }
    else if ((field.substr(field.length - 9) == '_misc_mod'))
    {
        acksheet_updateSkill(containerId, "dsf_" + field.substr(0, field.length - 9));
    }
    else if ((field.substr(field.length - 8) == '_ability'))
    {
        acksheet_updateSkill(containerId, "dsf_" + field.substr(0, field.length - 8));
    }
    else if ((field.length >= 14) && (field.substr(0, 6) == 'spsSec') && (field.substr(field.length - 6) == 'BaseDC'))
    {
        for (var l=0; l<=9; l++)
        {
            $(containerId + " .dsf_" + field.substr(0, 7) + "_DC" + l).text(Number(val) + l);
        }
    }
}

function acksheet_dataPreSave(options) {
    // Called just before the data is saved to the server.
    // alert("dataPreSave");
    var containerId = "#" + options['containerId'];

    //Comb through the dynamic tables and remove empty values
    acksheet_cleanTable("feat", "Feat", containerId);
    acksheet_cleanTable("special_ability", "Ability", containerId);
    acksheet_cleanTable("trait", "Trait", containerId);
    acksheet_cleanTable("extra_skill", "Skill", containerId);
    acksheet_cleanTable("weapon", "Weapon", containerId);
    acksheet_cleanInventoryTable(containerId);
    
    //Because we're deleting rows, we need to recalculate the relevant cells
    //acksheet_updateTotal("Equipment", "equMass", containerId);
}

// You can define your own variables...just make sure to namespace them!

function acksheet_updateStat(stat, containerId)
{
    var value = Number($(containerId + " .dsf_" + stat).text()) - Number($(containerId + " .dsf_" + stat + "_damage").text()) + Number($(containerId + " .dsf_" + stat + "_boost").text());

    if (acksheet_isNumeric(value))
    {
        $(containerId + " .dsf_" + stat + "_mod").text(Math.round((parseInt(value) - 10) / 3));
    
        switch (stat)
        {
            case "strength":
                acksheet_updateAttacks(containerId);
                acksheet_updateGrapple(containerId);
            break;

            case "wisdom":
                acksheet_updateSaves(containerId);
            break;

            case "dexterity":
                acksheet_updateSaves(containerId);
                acksheet_updateInit(containerId);
                acksheet_updateAttacks(containerId);
                acksheet_updateAC(containerId);
            break;

            case "constitution":
                acksheet_updateSaves(containerId);
            break;
        }
        
        acksheet_updateSkills(containerId, stat);
    }
}

function acksheet_updateSaves(containerId)
{
    $(containerId + " .dsf_fortitude_total").text(Number($(containerId + " .dsf_base_fort_save").text()) +
        Number($(containerId + " .dsf_con_mod:first").text()) +
        Number($(containerId + " .dsf_magic_fort_mod").text()) +
        Number($(containerId + " .dsf_misc_fort_mod").text()) +
        Number($(containerId + " .dsf_temp_fort_mod").text()));

    $(containerId + " .dsf_willpower_total").text(Number($(containerId + " .dsf_base_willpower_save").text()) +
        Number($(containerId + " .dsf_wis_mod:first").text()) +
        Number($(containerId + " .dsf_magic_willpower_mod").text()) +
        Number($(containerId + " .dsf_misc_willpower_mod").text()) +
        Number($(containerId + " .dsf_temp_willpower_mod").text()));

    $(containerId + " .dsf_reflex_total").text(Number($(containerId + " .dsf_base_reflex_save").text()) +
        Number($(containerId + " .dsf_dex_mod:first").text()) +
        Number($(containerId + " .dsf_magic_reflex_mod").text()) +
        Number($(containerId + " .dsf_misc_reflex_mod").text()) +
        Number($(containerId + " .dsf_temp_reflex_mod").text()));
}

function acksheet_updateInit(containerId)
{
    $(containerId + " .dsf_initative_total").text(Number($(containerId + " .dsf_dexterity_mod:first").text()) +
        Number($(containerId + " .dsf_misc_init_mod").text()));
}

function acksheet_updateAC(containerId)
{
    $(containerId + " .dsf_ac").text(0 + Number($(containerId + " .dsf_armor_bonus").text()) +
        Number($(containerId + " .dsf_shield_bonus").text()) +
        Number($(containerId + " .dsf_dexterity_mod").text()) +
        Number($(containerId + " .dsf_misc_mod").text()));
}

function acksheet_updateGrapple(containerId)
{
    var val = $(containerId + " .dsf_size_mod:first").text();
    if (acksheet_isNumeric(val))
        $(containerId + " .dsf_size_mod_grapple").text(-4 * parseFloat(val));
    else
        $(containerId + " .dsf_size_mod_grapple").text("");

    $(containerId + " .dsf_grapple_total").text(Number($(containerId + " .dsf_str_mod:first").text()) +
        Number($(containerId + " .dsf_bab:first").text()) +
        Number($(containerId + " .dsf_size_mod_grapple").text()) +
        Number($(containerId + " .dsf_misc_grapple_mod").text()));
}

function acksheet_updateAttacks(containerId)
{
    var bab = Number($(containerId + " .dsf_bab:first").text());
    var ranged = bab +
        Number($(containerId + " .dsf_size_mod:first").text()) +
        Number($(containerId + " .dsf_dex_mod:first").text()) +
        Number($(containerId + " .dsf_attack_ranged_misc").text());
    var melee = bab +
        Number($(containerId + " .dsf_size_mod:first").text()) +
        Number($(containerId + " .dsf_str_mod:first").text()) +
        Number($(containerId + " .dsf_attack_melee_misc").text());

    if (bab < 6)
    {
        $(containerId + " .dsf_attack_melee_total").text(acksheet_signedInt(melee));
        $(containerId + " .dsf_attack_ranged_total").text(acksheet_signedInt(ranged));
    }
    else if (bab < 11)
    {
        $(containerId + " .dsf_attack_melee_total").text(acksheet_signedInt(melee) + "/" + acksheet_signedInt(melee-5));
        $(containerId + " .dsf_attack_ranged_total").text(acksheet_signedInt(ranged) + "/" + acksheet_signedInt(ranged-5));
    }
    else if (bab < 16)
    {
        $(containerId + " .dsf_attack_melee_total").text(acksheet_signedInt(melee) + "/" + acksheet_signedInt(melee-5) + "/" + acksheet_signedInt(melee-10));
        $(containerId + " .dsf_attack_ranged_total").text(acksheet_signedInt(ranged) + "/" + acksheet_signedInt(ranged-5) + "/" + acksheet_signedInt(ranged-10));
    }
    else
    {
        $(containerId + " .dsf_attack_melee_total").text(acksheet_signedInt(melee) + "/" + acksheet_signedInt(melee-5) + "/" + acksheet_signedInt(melee-10) + "/" + acksheet_signedInt(melee-15));
        $(containerId + " .dsf_attack_ranged_total").text(acksheet_signedInt(ranged) + "/" + acksheet_signedInt(ranged-5) + "/" + acksheet_signedInt(ranged-10) + "/" + acksheet_signedInt(ranged-15));
    }
}

function acksheet_updateSkills(containerId, stat)
{
    var id;
    stat = stat[0].toUpperCase() + stat.substr(1).toLowerCase();
    $(containerId + " .skillTable td:contains(" + stat + ")").each(function (i, c) {
        id = acksheet_findDsfClass($(c).next());
        
        if (id)
        {
            acksheet_updateSkill(containerId, id.substr(0, id.length - 4));
        }
    });
}

function acksheet_updateSkill(containerId, skill)
{
    var modtype = $(containerId + " ." + skill + "_mod").prev().text().toLowerCase();
    var ranks = Number($(containerId + " ." + skill + "_ranks").text());
    var abilMod = Number($(containerId + " .dsf_" + modtype + "_mod:first").text());
    
    if (ranks <= 0)
    {
        ranks = 0;
    }

    var ctl = $(containerId + " ." + skill + "_ability_mod");
    
    if (ctl.length)
    {
        //Custom field, so fill in the stat mod
        ctl.text(acksheet_signedInt(abilMod));
    }
    
    $(containerId + " ." + skill + "_mod").text(acksheet_signedInt(ranks +
        Number($(containerId + " ." + skill + "_misc_mod").text()) +
        abilMod));
}

function acksheet_updateTotal(countTitle, fieldName, containerId)
{
    var count = Number($(containerId + " .dsf_ctl" + countTitle + "Count").text());
    var sum = 0;

    for (var i=0; i<count; i++)
    {
        var val = Number($(containerId + " .dsf_" + fieldName + i).text());
        
        if (!isNaN(val))
            sum += val;
    }
    
    $(containerId + " .dsf_" + fieldName + "Total").text(Math.round(100.0 * sum) / 100.0);
}

function acksheet_updateInventoryStuff(containerId)
{
    var val = $(containerId + " .dsf_light_load").text();
    if (acksheet_isNumeric(val))
    {
        val = Number(val);
        var heavy = val * 3;
        
        //hack to fix 33 * 3 = 100
        if (heavy % 10 == 9)
            heavy++;
        
        $(containerId + " .dsf_medium_load").text(val * 2);
        $(containerId + " .dsf_heavy_load").text(heavy);
        $(containerId + " .dsf_lift_over_head").text(heavy * 2);
        $(containerId + " .dsf_push_or_drag").text(heavy * 5);
    }

    $(containerId + " .dsf_wealth_total").text(Math.floor(
        Number($(containerId + " .dsf_pp").text()) * 5 +
        Number($(containerId + " .dsf_gp").text()) +
        Number($(containerId + " .dsf_ep").text()) /2 +
        Number($(containerId + " .dsf_sp").text()) / 10.0 +
        Number($(containerId + " .dsf_cp").text()) / 100
    ));

    $(containerId + " .dsf_wealth_total_storage").text(Math.floor(
        Number($(containerId + " .dsf_pps").text()) * 5 +
        Number($(containerId + " .dsf_gps").text()) +
        Number($(containerId + " .dsf_eps").text()) /2 +
        Number($(containerId + " .dsf_sps").text()) / 10.0 +
        Number($(containerId + " .dsf_cps").text()) / 100
    ));


    $(containerId + " .dsf_totalweight").text(Math.floor(
        Number($(containerId + " .dsf_inventory1_wt").text()) +
        Number($(containerId + " .dsf_inventory2_wt").text()) +
        Number($(containerId + " .dsf_inventory3_wt").text()) +
        Number($(containerId + " .dsf_inventory4_wt").text()) +
        Number($(containerId + " .dsf_inventory5_wt").text()) +
        Number($(containerId + " .dsf_inventory6_wt").text()) +
        Number($(containerId + " .dsf_inventory7_wt").text()) +
        Number($(containerId + " .dsf_inventory8_wt").text()) +
        Number($(containerId + " .dsf_inventory9_wt").text()) +
        Number($(containerId + " .dsf_inventorya_wt").text()) +
        Number($(containerId + " .dsf_inventoryb_wt").text()) +
        Number($(containerId + " .dsf_inventoryc_wt").text()) +
        Number($(containerId + " .dsf_inventoryd_wt").text()) +
        Number($(containerId + " .dsf_inventorye_wt").text()) +
        Number($(containerId + " .dsf_inventoryf_wt").text()) +
        Number($(containerId + " .dsf_inventoryg_wt").text()) +
        Number($(containerId + " .dsf_inventoryh_wt").text()) +
        Number($(containerId + " .dsf_inventoryi_wt").text()) +
        Number($(containerId + " .dsf_inventoryj_wt").text()) +
        Number($(containerId + " .dsf_inventoryk_wt").text()) +
        Number($(containerId + " .dsf_inventoryl_wt").text()) +
        Number($(containerId + " .dsf_inventorym_wt").text()) +
        Number($(containerId + " .dsf_inventoryn_wt").text()) +
        Number($(containerId + " .dsf_inventoryo_wt").text()) +
        Number($(containerId + " .dsf_loot1_wt").text()) +
        Number($(containerId + " .dsf_loot2_wt").text()) +
        Number($(containerId + " .dsf_loot3_wt").text()) +
        Number($(containerId + " .dsf_loot4_wt").text()) +
        Number($(containerId + " .dsf_loot5_wt").text()) +
        Number($(containerId + " .dsf_loot6_wt").text()) +
        Number($(containerId + " .dsf_loot7_wt").text()) +
        Number($(containerId + " .dsf_loot8_wt").text()) +
        Number($(containerId + " .dsf_loot9_wt").text()) +
        Number($(containerId + " .dsf_loota_wt").text()) +
        Number($(containerId + " .dsf_lootb_wt").text()) +
        Number($(containerId + " .dsf_lootc_wt").text()) +
        Number($(containerId + " .dsf_pp").text()) /1000+
        Number($(containerId + " .dsf_gp").text()) /1000+
        Number($(containerId + " .dsf_ep").text()) /1000 +
        Number($(containerId + " .dsf_sp").text()) /1000 +
        Number($(containerId + " .dsf_cp").text()) /1000
    ));

}

function acksheet_bindRow(newRow, containerId)
{
    //Force-bind the new elements.  Ah, sweet hax
    containerId = containerId.replace("#", "");
    newRow.find(".dsf").each(function (i, c) {
        var name = acksheet_findDsfClass(c);
        if (name)
            aisleten.characters.bindField(name.replace("dsf_", ""), containerId, 'acksheet');
    });
}
function acksheet_addFeatRow(table, prefix, num, containerId, isEditable)
{
    var newRow = $('<tr class="acksheet_' + prefix + 'Row' + num +'"><td style="text-align:left;"<td class="dsf dsf_' + prefix + num + '" /><td style="text-align:left;"<td class="dsf dsf_' + prefix + 'Description' + num + '">&nbsp;</td></tr>');
    
    $(containerId + " ." + table).append(newRow);

    if (isEditable)
    {
        newRow.disableSelection();
        acksheet_bindRow(newRow, containerId);
    }
}

function acksheet_addSkillRow(table, num, containerId, isEditable)
{
    var newRow = $('<tr class="acksheet_extra_skillRow' + num +'"><td class="dsf dsf_skill' + num + '" /><td class="dsf dsf_skill' + num + '_ability">&nbsp;</td><td class="dsf dsf_skill' + num + '_mod readonly">&nbsp;</td><td class="dsf dsf_skill' + num + '_ability_mod readonly">&nbsp;</td><td class="dsf dsf_skill' + num + '_ranks">&nbsp;</td><td class="dsf dsf_skill' + num + '_misc_mod">&nbsp;</td></tr>');
    
    $(containerId + " ." + table).append(newRow);

    if (isEditable)
    {
        newRow.disableSelection();
        acksheet_bindRow(newRow, containerId);
    }
}

function acksheet_addWeaponRow(table, num, containerId, isEditable)
{
    var newRow = $('<tr class="acksheet_weaponRow' + num +'"><td style="text-align:left;"<td class="dsf dsf_weapon' + num + '" /><td class="dsf dsf_weapon' + num + '_attack_bonus">&nbsp;</td><td class="dsf dsf_weapon' + num + '_damage">&nbsp;</td><td class="dsf dsf_weapon' + num + '_critical">&nbsp;</td><td class="dsf dsf_weapon' + num + '_range">&nbsp;</td><td style="text-align:center;"<td class="dsf dsf_weapon' + num + '_type">&nbsp;</td></tr>');
    
    $(containerId + " ." + table).append(newRow);

    if (isEditable)
    {
        newRow.disableSelection();
        acksheet_bindRow(newRow, containerId);
    }
}

function acksheet_addInventoryRow(table, num, containerId, isEditable)
{
    var newRow = $('<div class="item acksheet_item' + num + '"><table><col /><col width="35" /><tr><td class="dsf dsf_item' + num + '" /><td class="dsf dsf_item' + num + '_weight">&nbsp;</td></tr><tr><th>Name</th><th>Wt.</th></tr></table></div>');
    
    $(containerId + " ." + table).append(newRow);

    if (isEditable)
    {
        newRow.disableSelection();
        acksheet_bindRow(newRow, containerId);
    }
}

function acksheet_addSpellSection(table, num, containerId, isEditable, isSpontaneous, usesSpellbook, hasDomains, minLevel, maxLevel)
{
    if (!maxLevel)
    {
        //new section, so pull the values from the add dialog
        isSpontaneous = $(containerId + " .newSpellsDialog input[name=spontaneous]")[0].checked;
        usesSpellbook = $(containerId + " .newSpellsDialog input[name=spellbook]")[0].checked;
        hasDomains = $(containerId + " .newSpellsDialog input[name=domains]")[0].checked;
        minLevel = Number($(containerId + " .newSpellsDialog input[name=minSpellLevel]").val());
        maxLevel = Number($(containerId + " .newSpellsDialog input[name=maxSpellLevel]").val());
    }
    
    //Make sure we have at least some rows to add
    if (!maxLevel || (maxLevel < 4))
        maxLevel = 4;

    if (!minLevel || (minLevel < 1))
        minLevel = 1;

    if (maxLevel >6)
        maxLevel = 6;

    if (minLevel > maxLevel)
    {
        var tmp = minLevel;
        minLevel = maxLevel;
        maxLevel = tmp;
    }

    var html = '<div class="spellSection clearfix  spellSectionContainer acksheet_spellSection' + num + '"><div class="dsf dsf_spsSec' + num + '_Spontaneous" style="display:none;">' + (isSpontaneous ? '1' : '0') + '</div><div class="dsf dsf_spsSec' + num + '_Spellbook" style="display:none;">' + (usesSpellbook ? '1' : '0') + '</div><div class="dsf dsf_spsSec' + num + '_Domains" style="display:none;">' + (hasDomains ? '1' : '0') + '</div><div class="dsf dsf_spsSec' + num + '_MaxLevel" style="display:none;">' + maxLevel + '</div><div class="dsf dsf_spsSec' + num + '_MinLevel" style="display:none;">' + minLevel + '</div><div class="spellSection"><h3 class="title"><span class="dsf dsf_spsSec' + num + '_Name"></span><span class="ctlRemoveSpellSection removeButton">- Remove</span></h3>';

    var dcTable = '<div class hidden=" domain dcbox quarterwidth"><h4 class ="title">DCs / Per-Day</h4><table><tr><td class="dsf dsf_spsSec' + num + '_BaseDC"></td><td class="dsf dsf_spsSec' + num + '_SpellFailure"></td></tr><tr><th>Base DC</th><th>Arcane Spell Failure</th></tr></table><table class="dcTable"><col width="15" /><col /><col /><col /><tr><th>Lvl</th><th>DC</th>'
    
    if (isSpontaneous)
        dcTable += '<th>Known</th>';
    
    dcTable += '<th>Per Day</th><th>Bonus</th></tr>';

    for (var l=minLevel; l<=maxLevel; l++)
    {
        dcTable += '<tr><td class="spellLevel">' + l + ':</td><td class="dsf readonly dsf_spsSec' + num + '_DC' + l + '"></td>'

        if (isSpontaneous)
            dcTable += '<td class="dsf dsf_spsSec' + num + '_KnownNumber' + l + '"></td>';

        dcTable += '<td class="dsf dsf_spsSec' + num + '_PerDayNumber' + l + '"></td>'

        if (l == 0)
            dcTable += '<td>&mdash;</td>';
        else
            dcTable += '<td class="dsf dsf_spsSec' + num + '_BonusNumber' + l + '"></td>';

        dcTable += '</tr>';
    }

    dcTable += "</table>";

    if (hasDomains)
    {
        for (var d=0; d<3; d++)
        {
            html += '<div class=" domain quarterwidth"><h4 class="title"><span class="dsf dsf_spsSec' + num + '_Domain' + d + '_Name"></span></h4><table hidden="domainTable"><col width="13" /><col /><tr><td colspan="2" class="dsf dsf_spsSec' + num + '_Domain' + d + '_Power"></td></tr><tr><th colspan="2">Domain Power</th></tr>';

            for (var l=Math.max(1, minLevel); l<=maxLevel; l++)
            {
                html += '<tr><td class="spellLevel">' + l + ':</td><td class="dsf dsf_spsSec' + num + '_Domain' + d + '_Spells' + l + '"></td></tr>';
            }

            html += "</table></div>";
        }
        
        html += dcTable + "</div>";
    }
    else
        html += '<div class="threequarterwidth">';
    
    if (usesSpellbook)
    {
        html += '<h4 class="title">Spellbook</h4>';

        for (var l=minLevel; l<=maxLevel; l++)
        {
            html += '<div class="spellList"><div class="spellLevel" style="display:inline-block;">' + l + ':</div><div class="dsf dsf_spsSec' + num + '_Known' + l + '"></div></div>';
        }
    }

    if (isSpontaneous)
        html += '<h4 class="title">Spells Known</h4>';
    else
        html += '<h4 class="title">Repetoire</h4>';

    for (var l=minLevel; l<=maxLevel; l++)
    {
        html += '<div class="spellList"><div class="spellLevel" style="display:inline-block;">' + l + ':</div><div class="dsf dsf_spsSec' + num + '_Prepared' + l + '"></div></div>';
    }
    
    if (!hasDomains)
        html += "</div>" + dcTable;
    
    var newSection = $(html);
    $(containerId + " ." + table).append(newSection);

    if (isEditable)
    {
        acksheet_bindRow(newSection, containerId);
    }
}

function acksheet_cleanTable(prefix, title, containerId)
{
    var max = Number($(containerId + " .dsf_ctl" + title + "Count").text());
    var count = 0;
    for (var i=1; i<=max; i++)
    {
        var row = $(containerId + " tr.acksheet_" + prefix + "Row" + i);
        var obj =  row.find("td:first");
        if ("" == $.trim(obj.text()))
        {
            //This row is empty, so find the relevant tr tags and remove them
            row.remove();
        }
        else
        {
            count++;
        }
    }
  
    //Nothing to renumber if we remove them all
    if (count > 0)
        acksheet_renumberTable(null, { item: $(containerId + " ." + prefix + "Table td:first") });
  $(containerId + " .dsf_ctl" + title + "Count").text(count);
}

function acksheet_cleanInventoryTable(containerId)
{
    var max = Number($(containerId + " .dsf_ctlInventoryCount").text());
    var count = 0;
    for (var i=1; i<=max; i++)
    {
        var box = $(containerId + " div.acksheet_item" + i);
        var obj = box.find("td:first");
        if ("" == $.trim(obj.text()))
        {
            //This row is empty, so find the relevant tr tags and remove them
            box.remove();
        }
        else
        {
            count++;
        }
    }
    
    //Nothing to renumber if we remove them all
    if (count > 0)
        acksheet_renumberItems(null, { item: $(containerId + " .inventorybox div.item:first") });
  
  $(containerId + " .dsf_ctlInventoryCount").text(count);
}

function acksheet_findDsfClass(element)
{
  var classes = $(element).attr('class');
  
  if (!classes)
    return null;
  
  classes = classes.split(/\s/);
  var fieldName = null;
  $.each(classes, function(i, className) {
    if(className.substr(0,4) == "dsf_") {
      fieldName = className;
    }
  });
  return fieldName;
}

function acksheet_isNumeric(n)
{
  return ($.isNumeric && $.isNumeric(n)) || (!isNaN(parseFloat(n)) && isFinite(n));
}

function acksheet_signedInt(n)
{
    return (n < 0) ? n : ("+" + n)
}

function acksheet_renumberTable(e, ui) {
    //ui.item is the tr tag that got moved
    var parent = ui.item.parents("table");
    var prefix = parent.attr("prefix");
    var baserow = parent.find(".acksheet_" + prefix + "Row1").children();
    baserow.each(function (i, c) {
        baserow[i] = $(c).prop("class").replace("1", "{0}");
    });
    
    //Now that we have the templates, reorder things
    parent.find("tr:not(:first)").each(function (i, c) {
        $(c).prop("class", "acksheet_" + prefix + "Row" + (i+1));
        $(c).find("td").each(function (j, cc) {
            var str = baserow[j];
            $(cc).prop("class", str.replace(/\{0\}/g, (i+1)));
        });
    });
}

function acksheet_renumberItems(e, ui) {
    //ui.item is the tr tag that got moved
    var parent = ui.item.parents(".inventorybox");
    var baserow = [ "dsf dsf_item{0}", "dsf dsf_item{0}_weight" ];
    
    //Now that we have the templates, reorder things
    parent.find(".item").each(function (i, c) {
        $(c).prop("class", "item acksheet_item" + (i+1));
        $(c).find("tr:first td").each(function (j, cc) {
            var str = baserow[j];
            $(cc).prop("class", str.replace(/\{0\}/g, (i+1)));
        });
    });
}


function acksheet_renumberSpellSections(ctl) {
    //ctl is the div tag after the item that got removed
    
    if (!ctl.length)
        return; //Removed the last item, so nothing to do
        
    var parent = ctl.parents(".spellbox");
    var count = Number(parent.find(".dsf_ctlSpellSectionCount").text());
    var start = Number(ctl.prop("class").substr(54));
    
    //Now that we have the templates, reorder things
    for (var i = start; i <= count; i++)
    {
        parent.find(".acksheet_spellSection" + i).each(function (j, c) {
            $(c).prop("class", "spellSection spellSectionContainer acksheet_spellSection" + (i));
            $(c).find(".dsf").each(function (j, cc) {
                var str = $(cc).prop("class");
                $(cc).prop("class", str.replace("dsf_spsSec" + i, "dsf_spsSec" + (i)));
            });
        });
    }
}

Back

ACKS Character Sheet

Create Your Campaign

I'm sorry, but we no longer support this web browser. Please upgrade your browser or install Chrome or Firefox to enjoy the full functionality of this site.

ACKS Character Sheet

Create Your Campaign

Just One More Step

Just A Little More Info

Use a Social Account

I'm sorry, but we no longer support this web browser. Please upgrade your browser or install Chrome or Firefox to enjoy the full functionality of this site.