Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Buttons stop switching pages after putting in sheetworker

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; }
1658123749

Edited 1658123779
vÍnce
Pro
Sheet Author
The button/tab code in the sheetwoker looks ok to me. What happens if you remove the "</html>" line?  Roll20 Character sheets do not require wrapping your code within ie <html></html>  Might also try just having the button/tab code in your worker and nothing else.
1658135623
GiGs
Pro
Sheet Author
API Scripter
As Vince says, you absolutely should not have a </html> (or <html>) anywhere in your code, so I'd remove those. The error youre describing suggests there's a syntax error in one of your sheet workers. And lo and behold: /* Racial watcher */ /* on('change:race', function(eventInfo) { That should be /* Racial watcher */ on('change:race', function(eventInfo) {
1658135888

Edited 1658136055
GiGs
Pro
Sheet Author
API Scripter
By the way, you shouldnt have code like this: 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 }); } You can instead do getAttrs(['race'], function(values) { if (values.race == "Human") { setAttrs({ racial_str : 1, racial_dex : 1, racial_con : 1, iracial_int : 1, racial_wis : 1, racial_cha : 1, racial_str_max : 10, racial_dex_max : 10, racial_con_max : 10, racial_hp_base : 10, racial_le_base : 50 }); } It is much more efficent to combine all your saving operations into a single setAttrs. This isn't just about readability - in a campaign with lots of characters, having too many setAttrs can easily cause noticeable lag. By the way is that iracial_int a typo? That name being different to the otehrs stands out.
GiGs - you are a God. Sometimes you just need another pair of eyes to look at something... or an all powerful Deity
1658183472
GiGs
Pro
Sheet Author
API Scripter
hehe, thank you.
GiGs, I'm trying to change the background color and font of a disabled input-field. Should I be target the NON Disabled input with CSS?  Does the disabled one simply display the non-disabled field on the edit page? If not, how do I set the background-color / border-color, etc for a disabled field? And... is there a way to display the results of another field without using <input disabled......> ?
1658294306

Edited 1658294555
GiGs
Pro
Sheet Author
API Scripter
Not that by defalt, HTML and CSS do not recognise that the disabled input and non-disabled inputs are different. The simplest solution is the give them each a class, and then you can give them whatever style you want. You might need to increase the specificity by adding extra classes (especially if it's a number input). Scott's suggestion is to do this: .ui-dialog .tab-content .charsheet input.whatever { color: green; } with "whatever" being replaced with whatever class name you use. I don't know what you mean by this question: And... is there a way to display the results of another field without using <input disabled......> ? Edit: aha, I think I get it. You want input A to show the contents in input B. Let's say you have attr_original and attr_final. You can do this in at least three ways: Use a disabled autocalc, and use value="@{original}" Use a sheet worker, to get the origoinal attribute, and put it in final. Just make a copy of the original attribute and put it in the place you want final. In this approach you don't need a separate @{final} input - you just make two copies of @{original}. You could make the copy readonly, so it cant be altered except by changing the original.