Hey Guys, I have 4 buttons... These buttons switches between displayed sheets. They work fine when I do not have anything after </html> and <script type="text/worker> I have some javascript that I will need... and when I put the java in, the buttons just stop working. I've tried commenting out various sections to see if any thing specific is blocking it. But it only works if I comment out the entire sheetworker. Here's the HTML/CSS HTML <input type="hidden" class="sheet-tabstoggle" name="attr_sheetTab" value="character" />
<div>
<button type="action" name="act_character" >Character</button>
<button type="action" name="act_sheet-equipped" >Equipped</button>
<button type="action" name="act_inventory" >Inventory</button>
<button type="action" name="act_edit-sheet" >Edit Sheet</button>
</div>
<div class="sheet-character">
<div class="sheet-grid-section">
<div class="sheet-core-stats sheet-block" style="text-align: center;">
<h3>ATTRIBUTES</h3>
<span>STR</span>
<button class="sheet-button-roll" type="roll" value="&{template:default} {{name=@{character_name} rolls Strength}} {{roll=[[1d20+@{strength}]]}}"/>
<input type="number" style="text-align:center; width: 3.5em;" name="attr_strength" value="floor(@{racial_str}+@{genetic_engineering_str}+@{cybernetics_str}+@{psi_body_discipline_str}+@{misc_str})" disabled>
<span>DEX</span>
<button class="sheet-button-roll" type="roll" value="&{template:default} {{name=@{character_name} rolls Dexterity}} {{roll=[[1d20+@{dexterity}]]}}" />
<input type="number" style="text-align:center; width: 3.5em;" name="attr_dexterity" value="floor(@{racial_dex}+@{genetic_engineering_dex}+@{cybernetics_dex}+@{psi_body_discipline_dex}+@{misc_dex})" disabled>
<span>CON</span>
<button class="sheet-button-roll" type="roll" value="&{template:default} {{name=@{character_name} rolls Strength}} {{roll=[[1d20+@{constitution}]]}}"/>
<input type="number" style="text-align:center; width: 3.5em;" name="attr_constitution" value="floor(@{racial_con}+@{genetic_engineering_con}+@{cybernetics_con}+@{psi_body_discipline_con}+@{misc_con})" disabled>
<span>INT</span>
<button class="sheet-button-roll" type="roll" value="&{template:default} {{name=@{character_name} rolls Intelligence}} {{roll=[[1d20+@{intelligence}]]}}"/>
<input type="number" style="text-align:center; width: 3.5em;" name="attr_intelligence" value="floor(@{racial_int}+@{genetic_engineering_int}+@{cybernetics_int}+@{misc_int})" disabled>
<span>WIS</span>
<button class="sheet-button-roll" type="roll" value="&{template:default} {{name=@{character_name} rolls Wisdom}} {{roll=[[1d20+@{wisdom}]]}}"/>
<input type="number" style="text-align:center; width: 3.5em;" name="attr_wisdom" value="floor(@{racial_wis}+@{genetic_engineering_wis}+@{cybernetics_wis}+@{psi_clairvoyance_wis}+@{misc_wis})" disabled>
<span>CHA</span>
<button class="sheet-button-roll" type="roll" value="&{template:default} {{name=@{character_name} rolls Charisma}} {{roll=[[1d20+@{charisma}]]}}"/>
<input type="number" style="text-align:center; width: 3.5em;" name="attr_charisma" value="floor(@{racial_cha}+@{genetic_engineering_cha}+@{cybernetics_cha}+@{psi_domination_cha}+@{misc_cha})" disabled>
</div>
<div class="sheet-defense sheet-block" style="text-align: left;">
<h3>DEFENSE</h3>
<h4>Health</h4>
<input type="number" name="attr_health" style="text-align: center; width: 6em" />
<input type="number" name="attr_health_max" value="attr_health_max" style="text-align: center; width: 6em"/>
<h4>Temp HP</h4>
<input type="number" name="attr_temp_hp" style="text-align: center; width: 5em;">
<h4>Unarmored Defense</h4>
<input title="Dex+Deflection+Misc Def" type="number" name="attr_ranged_defense" value="floor(10+@{dexterity}+@{psi_deflection}+@{ranged_def_misc})" style="text-align: center; width: 3.5em;" disabled>
<h4>STR Save</h4>
<button class="sheet-button-roll" type="roll" value="&{template:default} {{name=@{character_name} rolls Str Save}} {{roll=[[1d20+@{strength}+@{psi_deflection}]]}}"/>
<span disabled></span>
<h4>Armored Defense</h4>
<input title="Dex+Armor Def+Shield Def+Deflection+Misc Def" type="number" name="attr_ranged_defense" value="floor(10+@{dexterity}+@{armor_def}+@{shield_def}+@{psi_deflection}+@{ranged_def_misc})" style="text-align: center; width: 3.5em;" disabled>
<h4>DEX Save</h4>
<button class="sheet-button-roll" type="roll" value="&{template:default} {{name=@{character_name} Dexterity Saving Throw}} {{roll=[[1d20+@{dexterity}+@{psi_deflection}]]}}"/>
<span disabled></span>
<h4>Melee Defense</h4>
<button class="sheet-button-roll" type="roll" value="&{template:default} {{name=@{character_name} Mental Defense Saving Throw}} {{roll=[[1d20+@{wisdom}+@{psi_domination}+@{psi_deflection}+@{raw_energy}]]}}"/>
<h4>CON Save</h4>
<button class="sheet-button-roll" type="roll" value="&{template:default} {{name=@{character_name} rolls Dex Save}} {{roll=[[1d20+@{dexterity}+@{psi_deflection}]]}}"/>
<span disabled></span>
<h4>Mental Defense</h4>
<button class="sheet-button-roll" type="roll" value="&{template:default} {{name=@{character_name} Mental Defense Saving Throw}} {{roll=[[1d20+@{wisdom}+@{psi_domination}+@{psi_deflection}+@{raw_energy}]]}}"/>
<h4>CDS Save</h4>
<button class="sheet-button-roll" type="roll" value="&{template:default} {{name=@{character_name} rolls Computer Defense Save}} {{roll=[[1d20+@{cds}+@{psi_deflection}]]}}"/>
<span disabled></span>
</div>
<div class="sheet-skills sheet-block">
<h3>SKILLS</h3>
</div>
<div class="sheet-psionics sheet-block" style="text-align: center;">
<h3>PSIONICS</h3>
<h4>Current L.E.</h4>
<input title="Your Current Life Energy" type="number" name="attr_life_energy" value="attr_life_energy" style="text-align: center; width: 6em;" />
<h4>Max L.E.</h4>
<input title="Your Maximum Life Energy" type="number" name="attr_life_energy_full" value="floor@{" style="text-align: center; width: 6em;" disabled>
<h4>Raw Energy</h4>
<input title="Your Current Raw Energy Output" type="number" name="attr_raw_energy" value="attr_raw_energy" style="text-align: center; width: 4em;" disabled>
<h4>Sphere</h4>
<input title="Your Current Pisonic Sphere of Influence in feet" type="number" name="attr_sphere_of_influence" value="floor(@{life_energy}/100)" style="text-align: center; width: 4em;" disabled <! --Sphere influence -->
</div>
</div>
</div>
<div class="sheet-equipped">
<h2>Equipped Weapons and Armor Stats</h2>
<span>Equipped Armor and Weapons</span>
</div>
<div class="sheet-inventory">
<h2>Inventory</h2>
<span>Inventory lists go here</span>
</div>
<div class="edit-sheet">
<h3>EDIT SHEET</h3>
<!-- START OF EDIT SHEET -->
<div class="sheet-edit-sheet-grid-section">
<div class="sheet-edit-core-stats sheet-block" style="text-align: center;">
<!-- <span>Sheet Config/Settings goes here</span> -->
<span>Race</span>
<select type="text" name="attr_race" style="width: 5em; align-items: left;">
<option disabled hidden selected></option>
<option style="color:white;background:#000000;">Talaxian</option>
<option style="color:white;background:#000000;">Human</option>
<option style="color:white;background:#000000;">Sollox</option>
<option style="color:white;background:#000000;">Thorn</option>
<option style="color:white;background:#000000;">Custom</option>
</select>
<span>Init +</span>
<input type="number" name="attr_init_bonus_misc" value="0">
<span disabled></span>
<span disabled></span>
<span disabled></span>
<span disabled></span>
<span disabled></span>
<span>Attribute</span>
<span>Score</span>
<span>Race</span>
<span>Gen</span>
<span>Cyb</span>
<span>Psi</span>
<span>Misc</span>
<span>Points</span>
<span>Progression</span>
<span>STR</span>
<input type="number" name="attr_strength" value="floor(@{racial_str}+@{genetic_engineering_str}+@{cybernetics_str}+@{psi_body_discipline_str}+@{misc_str})" disabled>
<input type="number" name="attr_racial_str" value="attr_racial_str">
<input type="number" name="attr_genetic_engineering_str" value="0">
<input type="number" name="attr_cybernetics_str" value="0">
<input type="number" name="attr_psi_body_discipline_str" value="0">
<input type="number" name="attr_misc_str" value="0">
<input type="number" name="attr_strength_points">
<select class="skill-progression text dropdown grey" type="text" name="attr_strength_progression" style="width: 7em;">
<option style="color:white;background:#000000;">1,2,3,4,5...</option>
<option style="color:white;background:#000000;">4,5,6,7</option>
<option style="color:white;background:#000000;">3,4,5,6</option>
<option style="color:white;background:#000000;">2,3,4,5</option>
<option style="color:white;background:#000000;">1,2,3,4</option>
<option style="color:white;background:#000000;">3,3,3,3</option>
<option style="color:white;background:#000000;">5,5,5,5</option>
<option style="color:white;background:#000000;">10,10,10,10</option>
</select>
<span>DEX</span>
<input type="number" name="attr_dexterity" value="floor(@{racial_dex}+@{genetic_engineering_dex}+@{cybernetics_dex}+@{psi_body_discipline_dex}+@{misc_dex})" disabled>
<input type="number" name="attr_racial_dex" value="atr_racial_dex">
<input type="number" name="attr_genetic_engineering_dex" value="0">
<input type="number" name="attr_cybernetics_dex" value="0">
<input type="number" name="attr_psi_body_discipline_dex" value="0">
<input type="number" name="attr_misc_dex" value="0">
<input type="number" name="attr_dexterity_points">
<select class="skill-progression text dropdown grey" type="text" name="attr_dexterity_progression" style="width: 7em;">
<option style="color:white;background:#000000;">1,2,3,4,5...</option>
<option style="color:white;background:#000000;">4,5,6,7</option>
<option style="color:white;background:#000000;">3,4,5,6</option>
<option style="color:white;background:#000000;">2,3,4,5</option>
<option style="color:white;background:#000000;">1,2,3,4</option>
<option style="color:white;background:#000000;">3,3,3,3</option>
<option style="color:white;background:#000000;">5,5,5,5</option>
<option style="color:white;background:#000000;">10,10,10,10</option>
</select>
<span>CON</span>
<input type="number" name="attr_constitution" value="floor(@{racial_con}+@{genetic_engineering_con}+@{cybernetics_con}+@{psi_body_discipline_con}+@{misc_con})" disabled>
<input type="number" name="attr_racial_con" value="attr_racial_con">
<input type="number" name="attr_genetic_engineering_con" value="0">
<input type="number" name="attr_cybernetics_con" value="0">
<input type="number" name="attr_psi_body_discipline_con" value="0">
<input type="number" name="attr_misc_con" value="0">
<input type="number" name="attr_constitution_points">
<select class="skill-progression text dropdown grey" type="text" name="attr_constitution_progression" style="width: 7em;">
<option style="color:white;background:#000000;">1,2,3,4,5...</option>
<option style="color:white;background:#000000;">4,5,6,7</option>
<option style="color:white;background:#000000;">3,4,5,6</option>
<option style="color:white;background:#000000;">2,3,4,5</option>
<option style="color:white;background:#000000;">1,2,3,4</option>
<option style="color:white;background:#000000;">3,3,3,3</option>
<option style="color:white;background:#000000;">5,5,5,5</option>
<option style="color:white;background:#000000;">10,10,10,10</option>
</select>
<span>INT</span>
<input type="number" name="attr_intelligence" value="floor(@{racial_int}+@{genetic_engineering_int}+@{cybernetics_int}+@{misc_int})" disabled>
<input type="number" name="attr_racial_int" value="attr_racial_int">
<input type="number" name="attr_genetic_engineering_int" value="0">
<input type="number" name="attr_cybernetics_int" value="0">
<input type="number" name="attr_psi_clairvoyance_int" value="0">
<input type="number" name="attr_misc_int" value="0">
<input type="number" name="attr_intelligence_points">
<select class="skill-progression text dropdown grey" type="text" name="attr_intelligence_progression" style="width: 7em;">
<option style="color:white;background:#000000;">1,2,3,4,5...</option>
<option style="color:white;background:#000000;">4,5,6,7</option>
<option style="color:white;background:#000000;">3,4,5,6</option>
<option style="color:white;background:#000000;">2,3,4,5</option>
<option style="color:white;background:#000000;">1,2,3,4</option>
<option style="color:white;background:#000000;">3,3,3,3</option>
<option style="color:white;background:#000000;">5,5,5,5</option>
<option style="color:white;background:#000000;">10,10,10,10</option>
</select>
<span>WIS</span>
<input type="number" name="attr_wisdom" value="floor(@{racial_wis}+@{genetic_engineering_wis}+@{cybernetics_wis}+@{psi_clairvoyance_wis}+@{misc_wis})" disabled>
<input type="number" name="attr_racial_wis" value="attr_racial_wis">
<input type="number" name="attr_genetic_engineering_wis" value="0">
<input type="number" name="attr_cybernetics_wis" value="0">
<input type="number" name="attr_psi_clairvoyance_wis" value="0">
<input type="number" name="attr_misc_wis" value="0">
<input type="number" name="attr_wisdom_points">
<select class="skill-progression text dropdown grey" type="text" name="attr_wisdom_progression" style="width: 7em;">
<option style="color:white;background:#000000;">1,2,3,4,5...</option>
<option style="color:white;background:#000000;">4,5,6,7</option>
<option style="color:white;background:#000000;">3,4,5,6</option>
<option style="color:white;background:#000000;">2,3,4,5</option>
<option style="color:white;background:#000000;">1,2,3,4</option>
<option style="color:white;background:#000000;">3,3,3,3</option>
<option style="color:white;background:#000000;">5,5,5,5</option>
<option style="color:white;background:#000000;">10,10,10,10</option>
</select>
<span>CHA</span>
<input type="number" name="attr_charisma" value="floor(@{racial_cha}+@{genetic_engineering_cha}+@{cybernetics_cha}+@{psi_domination_cha}+@{misc_cha})" disabled>
<input type="number" name="attr_racial_cha" value="attr_racial_cha">
<input type="number" name="attr_genetic_engineering_cha" value="0">
<input type="number" name="attr_cybernetics_cha" value="0">
<input type="number" name="attr_psi_domination_cha" value="0">
<input type="number" name="attr_misc_cha" value="0">
<input type="number" name="attr_charisma_points">
<select class="skill-progression text dropdown grey" type="text" name="attr_charisma_progression" style="width: 7em;">
<option style="color:white;background:#000000;">1,2,3,4,5...</option>
<option style="color:white;background:#000000;">4,5,6,7</option>
<option style="color:white;background:#000000;">3,4,5,6</option>
<option style="color:white;background:#000000;">2,3,4,5</option>
<option style="color:white;background:#000000;">1,2,3,4</option>
<option style="color:white;background:#000000;">3,3,3,3</option>
<option style="color:white;background:#000000;">5,5,5,5</option>
<option style="color:white;background:#000000;">10,10,10,10</option>
</select>
</div>
<div class="sheet-edit-health-misc sheet-block">
<h3>Misc</h3>
<h4>HP Bonus</h4>
<input type="number" name="attr_hp_bonus_misc" value="0" style="width: 3.5em; text-align: center">
<h4>P+ Bonus</h4>
<input type="number" name="attr_p_plus_bonus_misc" value="0" style="width: 3.5em; text-align: center">
<h4>Reg. Bonus</h4>
<input type="number" name="attr_regen_bonus_misc" value="0" style="width: 3.5em; text-align: center">
<h4>Dmg. Red.</h4>
<input type="number" name="attr_damage_reduction_bonus_misc" value="0" style="width: 3.5em; text-align: center">
<h4>Movement</h4>
<input type="number" name="attr_movement_bonus_misc" value="0" style="width: 3.5em; text-align: center">
<h4>Init Bonus</h4>
<input type="number" name="attr_init_bonus_misc" value="0" style="width: 3.5em; text-align: center">
</div>
<div class="sheet-edit-psionics sheet-block">
<h3>PSIONICS</h3>
<h5 style="grid-area: edit-psionics; grid-column: 1 / -1; text-align: center; grid-row: 2;">You may hover over number fields for explanations.</h5>
<h4>Body Disc.</h4>
<input title="Psi Level" type="number" name="attr_psi_body_discipline" value="0" style="width: 3.5em; text-align: center">
<span>Str <input title="Every odd level gains +1 Str" type="number" name="attr_psi_body_discipline_str" value="0" style="width: 3.5em; text-align: center"></span>
<span>Dex <input title="Every 4th level gains +1 Dex" type="number" name="attr_psi_body_discipline_dex" value="0" style="width: 3.5em; text-align: center"></span>
<span>Con <input title="Every even level gains +1 Con" type="number" name="attr_psi_body_discipline_con" value="0" style="width: 3.5em; text-align: center"></span>
<span>Heal <input title="Self Heal Dice" type="text" name="attr_psi_body_discipline_regeneration" value="(1d4)" style="width: 3.5em; text-align: center"></span>
<span>Points <input title="Invested Ability Points" type="number" name="attr_psi_body_discipline_points" value="0" style="width: 4em; text-align: center"></span>
<span>Prog. <select title="Progression Difficulty. Each level gets progressively harder until reaching a point where it starts over."
class="text dropdown grey" type="text" name="attr_psi_body_discipline_progression" style="width: 6em;">
<option style="color:white;background:#000000;">1,2,3,4,5...</option>
<option style="color:white;background:#000000;">4,5,6,7</option>
<option style="color:white;background:#000000;">3,4,5,6</option>
<option style="color:white;background:#000000;">2,3,4,5</option>
<option style="color:white;background:#000000;">1,2,3,4</option>
<option style="color:white;background:#000000;">3,3,3,3</option>
<option style="color:white;background:#000000;">5,5,5,5</option>
<option style="color:white;background:#000000;">10,10,10,10</option>
</select></span>
<h4>Clair.</h4>
<input title="Psi Level" type="number" name="attr_psi_clairvoyance" value="0" style="width: 3.5em; text-align: center">
<span>Stealth <input title="+1 every odd level to Stealth" type="number" name="attr_psi_clairvoyance_stealth" value="0" style="width: 3.5em; text-align: center"></span>
<span>HP <input title="+5 HP per level" type="number" name="attr_psi_clairvoyance_disassociate" value="0" style="width: 3.5em; text-align: center"></span>
<span>LC% <input title="Astral Walking LC %" type="number" name="attr_psi_clairvoyance_astral_walking" value="0" style="width: 3.5em; text-align: center"></span>
<span>Hist <input title="Astral Walking LC %" type="number" name="attr_psi_clairvoyance_astral_walking" value="0" style="width: 3.5em; text-align: center"></span>
<span>Points <input title="Invested Ability Points" type="number" name="attr_psi_clairvoyance_points" value="0" style="width: 4em; text-align: center"></span>
<span>Prog. <select title="Progression Difficulty. Each level gets progressively harder until reaching a point where it starts over."
class="text dropdown grey" type="text" name="attr_psi_clairvoyance_progression" style="width: 6em;">
<option style="color:white;background:#000000;">1,2,3,4,5...</option>
<option style="color:white;background:#000000;">4,5,6,7</option>
<option style="color:white;background:#000000;">3,4,5,6</option>
<option style="color:white;background:#000000;">2,3,4,5</option>
<option style="color:white;background:#000000;">1,2,3,4</option>
<option style="color:white;background:#000000;">3,3,3,3</option>
<option style="color:white;background:#000000;">5,5,5,5</option>
<option style="color:white;background:#000000;">10,10,10,10</option>
</select></span>
<h4>Deflection</h4>
<input title="Psi Level" type="number" name="attr_psi_deflection" value="0" style="width: 3.5em; text-align: center">
<span>Rged <input title="May pick +1 Def every level from Ranged, Melee, Pilot, Mental" type="number" name="attr_psi_deflection_ranged_defense" value="0" style="width: 3.5em; text-align: center"></span>
<span>Mel <input title="May pick +1 Def every level from Ranged, Melee, Pilot, Mental" type="number" name="attr_psi_deflection_melee_defense" value="0" style="width: 3.5em; text-align: center"></span>
<span>Plt <input title="May pick +1 Def every level from Ranged, Melee, Pilot, Mental" type="number" name="attr_psi_deflection_pilot_defense" value="0" style="width: 3.5em; text-align: center"></span>
<span>Men <input title="May pick +1 Def every level from Ranged, Melee, Pilot, Mental" type="number" name="attr_psi_deflection_mental_defense" value="0" style="width: 3.5em; text-align: center"></span>
<span>Points <input title="Invested Ability Points" type="number" name="attr_psi_deflection_points" value="0" style="width: 4em; text-align: center"></span>
<span>Prog. <select title="Progression Difficulty. Each level gets progressively harder until reaching a point where it starts over."
class="text dropdown grey" type="text" name="attr_psi_clairvoyance_progression" style="width: 6em;">
<option style="color:white;background:#000000;">1,2,3,4,5...</option>
<option style="color:white;background:#000000;">4,5,6,7</option>
<option style="color:white;background:#000000;">3,4,5,6</option>
<option style="color:white;background:#000000;">2,3,4,5</option>
<option style="color:white;background:#000000;">1,2,3,4</option>
<option style="color:white;background:#000000;">3,3,3,3</option>
<option style="color:white;background:#000000;">5,5,5,5</option>
<option style="color:white;background:#000000;">10,10,10,10</option>
</select></span>
<h4>Domination</h4>
<input title="Psi Level" type="number" name="attr_psi_domination" value="0" style="width: 3.5em; text-align: center">
<span>Spike <input title="Mind Jab Damage Dice" type="text" name="attr_psi_domination_mind_jab" value="(1D4)" style="width: 3.5em; text-align: center"></span>
<span>Charm <input title="Charm Bonus" type="number" name="attr_psi_domination_charm" value="0" style="width: 3.5em; text-align: center"></span>
<span>Heal <input title="Remote Healing Dice" type="text" name="attr_psi_domination_remote_healing" value="(1D4)" style="width: 3.5em; text-align: center"></span>
<span>Sugg <input title="Suggestion" type="number" name="attr_psi_domination_suggestion" value="0" style="width: 3.5em; text-align: center"></span>
<span>Points <input title="Invested Ability Points" type="number" name="attr_psi_domination_points" value="0" style="width: 4em; text-align: center"></span>
<span>Prog. <select title="Progression Difficulty. Each level gets progressively harder until reaching a point where it starts over."
class="text dropdown grey" type="text" name="attr_psi_domination_progression" style="width: 6em;">
<option style="color:white;background:#000000;">1,2,3,4,5...</option>
<option style="color:white;background:#000000;">4,5,6,7</option>
<option style="color:white;background:#000000;">3,4,5,6</option>
<option style="color:white;background:#000000;">2,3,4,5</option>
<option style="color:white;background:#000000;">1,2,3,4</option>
<option style="color:white;background:#000000;">3,3,3,3</option>
<option style="color:white;background:#000000;">5,5,5,5</option>
<option style="color:white;background:#000000;">10,10,10,10</option>
</select></span>
<h4>Energy Comm.</h4>
<input title="Psi Level" type="number" name="attr_psi_energy_communion" value="0" style="width: 3.5em; text-align: center">
<span>E-Bolt <input title="Ranged Energy Bolt Damage" type="text" name="attr_psi_energy_communion_mind_bolt" value="(1D4)" style="width: 3.5em; text-align: center"></span>
<span>Exch <input title="Exchange back and forth with batteries. Your Psi Level is your Tech Level." type="text" name="attr_psi_energy_communion_remote_" value="(1D4)" style="width: 3.5em; text-align: center"></span>
<span>Tap <input title="Your Level is your Tech Level for a battery, " type="number" name="attr_psi_energy_communion_charge" value="0" style="width: 3.5em; text-align: center"></span>
<span>Value <input title="Suggestion" type="number" name="attr_psi_energy_communion_suggestion" value="0" style="width: 3.5em; text-align: center"></span>
<span>Points <input title="Invested Ability Points" type="number" name="attr_psi_energy_communion_points" value="0" style="width: 4em; text-align: center"></span>
<span>Prog. <select title="Progression Difficulty. Each level gets progressively harder until reaching a point where it starts over."
class="text dropdown grey" type="text" name="attr_psi_energy_communion_progression" style="width: 6em;">
<option style="color:white;background:#000000;">1,2,3,4,5...</option>
<option style="color:white;background:#000000;">4,5,6,7</option>
<option style="color:white;background:#000000;">3,4,5,6</option>
<option style="color:white;background:#000000;">2,3,4,5</option>
<option style="color:white;background:#000000;">1,2,3,4</option>
<option style="color:white;background:#000000;">3,3,3,3</option>
<option style="color:white;background:#000000;">5,5,5,5</option>
<option style="color:white;background:#000000;">10,10,10,10</option>
</select></span>
<h4>Mol. Alt.</h4>
<input title="Psi Level" type="number" name="attr_psi_molecular_lateration" value="0" style="width: 3.5em; text-align: center">
<span>Liqu <input title="Liquify object by touch" type="text" name="attr_psi_molecular_alteration_liquify" value="(1D4)" style="width: 3.5em; text-align: center"></span>
<span>Harden <input title="For as long as you are focusing the invested RE (5re per P+1) the armor benefits" type="text" name="attr_psi_molecular_alteration_harden" value="(1D4)" style="width: 3.5em; text-align: center"></span>
<span>Rep <input title="May repair non technical armor double your level or below for 1800RE per roll" type="text" name="attr_psi_molecular_alteration_repair" value="0" style="width: 3.5em; text-align: center"></span>
<span>Eng <input title="You no longer need engineering tools. Double your psi level you may use molecular alteration for the tools (except for subatomic manipulation)" type="number" name="attr_psi_molecular_alteration_engineering" value="0" style="width: 3.5em; text-align: center"></span>
<span>Points <input title="Invested Ability Points" type="number" name="attr_psi_molecular_alteration_points" value="0" style="width: 4em; text-align: center"></span>
<span>Prog. <select title="Progression Difficulty. Each level gets progressively harder until reaching a point where it starts over."
class="text dropdown grey" type="text" name="attr_psi_molecular_alteration_progression" style="width: 6em;">
<option style="color:white;background:#000000;">1,2,3,4,5...</option>
<option style="color:white;background:#000000;">4,5,6,7</option>
<option style="color:white;background:#000000;">3,4,5,6</option>
<option style="color:white;background:#000000;">2,3,4,5</option>
<option style="color:white;background:#000000;">1,2,3,4</option>
<option style="color:white;background:#000000;">3,3,3,3</option>
<option style="color:white;background:#000000;">5,5,5,5</option>
<option style="color:white;background:#000000;">10,10,10,10</option>
</select></span>
<h4>Pyrokinesis</h4>
<input title="Psi Level" type="number" name="attr_psi_pyrokinesis" value="0" style="width: 3.5em; text-align: center">
<span>Burn <input title="Creates flame that can be thrown within sphere" type="text" name="attr_psi_pyrokinesis_burn" value="(1D4)" style="width: 3.5em; text-align: center"></span>
<span>Freeze<input title="Slows object that you touch" type="text" name="attr_psi_pyrokinesis_freeze" value="(1D4)" style="width: 3.5em; text-align: center"></span>
<span>Temp <input title="For every 100RE you may increase or decrease, within your sphere, the temp by 1 degree" type="text" name="attr_psi_pyrokinesis_temp_control" value="0" style="width: 3.5em; text-align: center"></span>
<span>Immu <input title="Ambient temperature, atmo temps, etc., do not effect you as much" type="number" name="attr_psi_pyrokinesis_engineering" value="0" style="width: 3.5em; text-align: center"></span>
<span>Points <input title="Invested Ability Points" type="number" name="attr_psi_pyrokinesis_points" value="0" style="width: 4em; text-align: center"></span>
<span>Prog. <select title="Progression Difficulty. Each level gets progressively harder until reaching a point where it starts over."
class="text dropdown grey" type="text" name="attr_psi_pyrokinesis_progression" style="width: 6em;">
<option style="color:white;background:#000000;">1,2,3,4,5...</option>
<option style="color:white;background:#000000;">4,5,6,7</option>
<option style="color:white;background:#000000;">3,4,5,6</option>
<option style="color:white;background:#000000;">2,3,4,5</option>
<option style="color:white;background:#000000;">1,2,3,4</option>
<option style="color:white;background:#000000;">3,3,3,3</option>
<option style="color:white;background:#000000;">5,5,5,5</option>
<option style="color:white;background:#000000;">10,10,10,10</option>
</select></span>
<h4>Telekinesis</h4>
<input title="Psi Level" type="number" name="attr_psi_telekinesis" value="0" style="width: 3.5em; text-align: center">
<span>KiBolt <input title="Creates flame that can be thrown within sphere" type="text" name="attr_psi_telekinesis_" value="(1D4)" style="width: 3.5em; text-align: center"></span>
<span>Lift <input title="Slows object that you touch" type="text" name="attr_psi_telekinesis_freeze" value="100lbs" style="width: 3.5em; text-align: center"></span>
<span>Throw <input title="For every 100RE you may increase or decrease, within your sphere, the temp by 1 degree" type="text" name="attr_psi_telekinesis_temp_control" value="0" style="width: 3.5em; text-align: center"></span>
<span>Barr <input title="Ambient temperature, atmo temps, etc., do not effect you as much" type="number" name="attr_psi_telekinesis_engineering" value="0" style="width: 3.5em; text-align: center"></span>
<span>Points <input title="Invested Ability Points" type="number" name="attr_psi_telekinesis_points" value="0" style="width: 4em; text-align: center"></span>
<span>Prog. <select title="Progression Difficulty. Each level gets progressively harder until reaching a point where it starts over."
class="text dropdown grey" type="text" name="attr_psi_telekinesis_progression" style="width: 6em;">
<option style="color:white;background:#000000;">1,2,3,4,5...</option>
<option style="color:white;background:#000000;">4,5,6,7</option>
<option style="color:white;background:#000000;">3,4,5,6</option>
<option style="color:white;background:#000000;">2,3,4,5</option>
<option style="color:white;background:#000000;">1,2,3,4</option>
<option style="color:white;background:#000000;">3,3,3,3</option>
<option style="color:white;background:#000000;">5,5,5,5</option>
<option style="color:white;background:#000000;">10,10,10,10</option>
</select></span>
<h4>Sub. Alt.</h4>
<input title="Psi Level" type="number" name="attr_psi_subatomic_alteration" value="0" style="width: 3.5em; text-align: center">
<span disabled></span>
<span disabled></span>
<span disabled></span>
<span disabled></span>
<span disabled></span>
<span disabled></span>
<h4>Anti Psi.</h4>
<input title="Psi Level" type="number" name="attr_psi_anti_psionics" value="0" style="width: 3.5em; text-align: center">
<span disabled></span>
<span disabled></span>
<span disabled></span>
<span disabled></span>
<span disabled></span>
<span disabled></span>
<h4>Causation</h4>
<input title="Psi Level" type="number" name="attr_psi_causation" value="0" style="width: 3.5em; text-align: center">
<span>Q's <input title="Psi Level" type="number" name="attr_psi_causation_quirks" value="0" style="width: 3.5em; text-align: center"></span>
<span>Q's <input title="Psi Level" type="number" name="attr_psi_causation_quirks" value="0" style="width: 3.5em; text-align: center"></span>
<span>Q's <input title="Psi Level" type="number" name="attr_psi_causation_quirks" value="0" style="width: 3.5em; text-align: center"></span>
<span>Q's <input title="Psi Level" type="number" name="attr_psi_causation_quirks" value="0" style="width: 4em; text-align: center"></span>
<span>Points<input title="Invested Ability Points" type="number" name="attr_psi_body_discipline_points" value="0" style="width: 4em; text-align: center"></span>
<span>Progress<select title="Progression Difficulty. Each level gets progressively harder until reaching a point where it starts over."
class="text dropdown grey" type="text" name="attr_psi_body_discipline_progression" style="width: 6em;">
<option style="color:white;background:#000000;">1,2,3,4,5...</option>
<option style="color:white;background:#000000;">4,5,6,7</option>
<option style="color:white;background:#000000;">3,4,5,6</option>
<option style="color:white;background:#000000;">2,3,4,5</option>
<option style="color:white;background:#000000;">1,2,3,4</option>
<option style="color:white;background:#000000;">3,3,3,3</option>
<option style="color:white;background:#000000;">5,5,5,5</option>
<option style="color:white;background:#000000;">10,10,10,10</option>
</select></span>
<h4>Life Energy</h4>
<input type="number" name="attr_life_energy_max" value="0" style="width: 3.5em; text-align: center">
<span>Temp <input type="number" name="attr_life_energy_temp" value="0" style="width: 3.5em; text-align: center" ></span>
<span>Arti <input type="number" name="attr_life_energy_artifact" value="0" style="width: 3.5em; text-align: center" ></span>
<span>Misc <input type="number" name="attr_life_energy_misc" value="0" style="width: 3.5em; text-align: center" ></span>
<span disabled></span>
<span disabled></span>
<span disabled></span>
<h4>Raw.Energy </h4>
<input title="Your current RE Output" type="number" name="attr_raw_energy" value="attr_raw_energy" style="width: 3.5em; text-align: center" disabled></span>
<span>Mult <input title="RE Output multiplier, before artifacts and misc modifiers" type="number" name="attr_raw_energy_multiplier" style="width: 3.5em; text-align: center" ></span>
<span>Arti <input title="Artifacts can grant you bonus RE... somehow." type="number" name="attr_raw_energy_artifiact" value="0" style="width: 3.5em; text-align: center" ></span></span>
<span>Misc <input title="Bonus RE, or negative RE. Circumstantial" type="number" name="attr_raw_energy_misc" value="0" style="width: 3.5em; text-align: center" ></span>
<h4>Sphere</h4>
<input title="Sphere of Influence" type="number" name="attr_psi_sphere_of_influence" value="floor(@{raw_energy}+1))" style="width: 3.5em; text-align: center" disabled></span>
</div>
<!-- END OF EDIT SHEET -->
</div> <!-- End of 1st Div -->
</html>
<script type="text/worker">
/* This controls the button functions to switch tabs */
const buttonlist = ["character","sheet-equipped","inventory","edit-sheet"];
buttonlist.forEach(button => {
on(`clicked:${button}`, function() {
setAttrs({
sheetTab: button
});
});
});
/* Racial watcher */
/*
on('change:race', function(eventInfo) {
/*
This watcher looks for changes in race, and set the primaryRacial
attributes as appropriate. Again, this code could be made more compact,
but I prefer readability over fewer lines of code.
*/
getAttrs(['race'], function(values) {
if (values.race == "Human") {
setAttrs({ racial_str : 1 });
setAttrs({ racial_dex : 1 });
setAttrs({ racial_con : 1 });
setAttrs({ iracial_int : 1 });
setAttrs({ racial_wis : 1 });
setAttrs({ racial_cha : 1 });
setAttrs({ racial_str_max : 10 });
setAttrs({ racial_dex_max : 10 });
setAttrs({ racial_con_max : 10 });
setAttrs({ racial_hp_base : 10 });
setAttrs({ racial_le_base : 50 });
}
else if (values.race == "Sollox") {
setAttrs({ racial_str : 0 });
setAttrs({ racial_dex : 2 });
setAttrs({ racial_con : 0 });
setAttrs({ iracial_int : 2 });
setAttrs({ racial_wis : 1 });
setAttrs({ racial_cha : 1 });
setAttrs({ racial_str_max : 15 });
setAttrs({ racial_dex_max : 10 });
setAttrs({ racial_con_max : 15 });
setAttrs({ racial_hp_base : 5 });
setAttrs({ racial_le_base : 25 });
}
else if (values.race == "Talaxian") {
setAttrs({ racial_str : 3 });
setAttrs({ racial_dex : 0 });
setAttrs({ racial_con : 3 });
setAttrs({ iracial_int : 0 });
setAttrs({ racial_wis : 0 });
setAttrs({ racial_cha : 0 });
setAttrs({ racial_str_max : 25 });
setAttrs({ racial_dex_max : 3 });
setAttrs({ racial_con_max : 15 });
setAttrs({ racial_hp_base : 30 });
setAttrs({ racial_le_base : 50 });
}
else if (values.race == "Thorn") {
setAttrs({ racial_str : 2 });
setAttrs({ racial_dex : 1 });
setAttrs({ racial_con : 3 });
setAttrs({ iracial_int : 0 });
setAttrs({ racial_wis : 0 });
setAttrs({ racial_cha : 0 });
setAttrs({ racial_str_max : 25 });
setAttrs({ racial_dex_max : 3 });
setAttrs({ racial_con_max : 15 });
setAttrs({ racial_hp_base : 30 });
setAttrs({ racial_le_base : 30 });
}
else {
setAttrs({ racial_str : 0 });
setAttrs({ racial_dex : 0 });
setAttrs({ racial_con : 0 });
setAttrs({ iracial_int : 0 });
setAttrs({ racial_wis : 0 });
setAttrs({ racial_cha : 0 });
setAttrs({ racial_hp_base : 10 });
setAttrs({ racial_le_base : 25 });
}
});
});
</script> CSS /*Configure the tab buttons*/
.charsheet .sheet-character,
.charsheet .sheet-equipped,
.charsheet .sheet-inventory,
.charsheet .edit-sheet {
display: none;
}
/* show the selected tab */
.charsheet .sheet-tabstoggle[value="character"] ~ div.sheet-character,
.charsheet .sheet-tabstoggle[value="sheet-equipped"] ~ div.sheet-equipped,
.charsheet .sheet-tabstoggle[value="inventory"] ~ div.sheet-inventory,
.charsheet .sheet-tabstoggle[value="edit-sheet"] ~ div.edit-sheet {
display: block;
}
.charsheet div.sheet-block{
display: grid;
padding: 5px;
border: 3px solid goldenrod;
}
.charsheet .sheet-grid-section{
display: grid;
grid-gap: 5px;
grid-template-columns: 200px 400px 200px;
grid-template-rows: auto 1fr 1fr;
grid-template-areas:
"core-stats defense skills"
"combat defense psionics"
"combat defense psionics"
}
.charsheet .sheet-edit-sheet-grid-section{
display: grid;
grid-gap: 5px;
grid-template-columns: 200px 250px 225px 125px ;
grid-template-rows: auto auto auto;
grid-template-areas:
"edit-core-stats edit-core-stats edit-core-stats edit-health-misc"
"edit-psionics edit-psionics edit-psionics edit-psionics"
"edit-skills edit-education edit-quirks edit-misc"
}
.charsheet div.sheet-core-stats {
grid-area: core-stats;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-rows: 28px;
grid-gap: 5px;
}
.charsheet div.sheet-core-stats h3 {
grid-column: 1 / -1;
text-align: center;
grid-row: 1;
}
.charsheet div.sheet-defense {
grid-area: defense;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-rows: 30px;
grid-gap: 10px;
}
.charsheet div.sheet-defense h3{
grid-column: 1 / -1;
text-align: center;
grid-row: 1;
}
.charsheet div.sheet-skills {
grid-column: 3;
grid-row: 1 2;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 28px;
}
.charsheet div.sheet-psionics {
grid-area: psionics;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 28px
grid-gap: 10px;
}
.charsheet div.sheet-psionics h3 {
grid-column: 1 / -1;
text-align: center;
grid-row: 1;
}
.charsheet div.edit-sheet h3 {
grid-column: 1 / -1;
text-align: center;
grid-row: 1;
}
.charsheet div.sheet-edit-core-stats {
grid-area: edit-core-stats;
grid-template-columns: 4.5em 4.5em 4.5em 4.5em 4.5em 4.5em 4.5em 4.5em 8em;
grid-auto-rows: 28px;
grid-gap: 5px;
}
.charsheet div.sheet-edit-health-misc {
grid-area: edit-health-misc;
grid-template-columns: 45% 1fr;
grid-auto-rows: 28px;
grid-gap: 5px;
text-align: center;
}
.charsheet div.sheet-edit-psionics {
grid-area: edit-psionics;
/* grid-template-columns: 10em 6em 6em 6em 6em 8em 8em 8em; */
grid-template-columns:auto auto auto auto auto auto auto auto;
grid-auto-rows: 28px;
grid-gap: 5px;
text-align: right;
}
.charsheet div.sheet-edit-health-misc h3 {
grid-area: edit-health-misc;
grid-column: 1 / -1;
text-align: center;
grid-row: 1;
}
.charsheet h3 {
color: goldenrod;
font-weight: bold;
}
.charsheet div.sheet-skills h3{
grid-column: 1 / -1;
text-align: center;
grid-row: 1;
}
.charsheet div.sheet-combat {
grid-template-columns: 1fr 1fr;
grid-auto-rows: 30px;
grid-gap: 5px;
}
/* // BUTTONS CSS */
.sheet-button-roll {
background-color: rgb(red, green, blue) ;
font-family: dicefontd6;
content: "l";
color: #500000;
width: 2em;
}
