Note that there are some explanatory texts on larger screens.

plurals
  1. PODisable Right Click Context Menu?
    primarykey
    data
    text
    <p>This tool <strong>increments</strong> the value at strength on left click at the value of strength and <strong>decrements</strong> the value on left click. </p> <p>This works, however the context menu appears when you do a right click to decrement the value. </p> <p>How can I get rid of it?</p> <p><a href="http://jsbin.com/oxeyeb/92/edit" rel="nofollow"><strong>CODE AND DEMO</strong></a></p> <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false"> <div class="snippet-code"> <pre class="snippet-code-js lang-js prettyprint-override"><code>var Alexander = { Strength: "AlexanderStrengthVal", Bonus: "AlexanderRemainingBonusVal", Limits: { Strength: 60, } }; function add(character, stat) { var txtNumber = document.getElementById(character[stat]); var newNumber = parseInt(txtNumber.value) + 1; var BonusVal = document.getElementById(character["Bonus"]); if(BonusVal.value == 0) return; var newBonus = parseInt(BonusVal.value) - 1; BonusVal.value = newBonus; txtNumber.value = newNumber; } function subtract(character, stat) { var txtNumber = document.getElementById(character[stat]); var newNumber = parseInt(txtNumber.value) - 1; if(newNumber &lt; character.Limits[stat]) return; var BonusVal = document.getElementById(character["Bonus"]); var newBonus = parseInt(BonusVal.value) + 1; BonusVal.value = newBonus; txtNumber.value = newNumber; }</code></pre> <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;/head&gt; &lt;body&gt; &lt;table cellpadding='5' border='1' style="text-align:center; color:#ffffff; background-color:#444444; font-family:arial; font-size:14px"&gt; &lt;tr&gt; &lt;td&gt;&lt;b&gt;Character&lt;/b&gt;&lt;/td&gt; &lt;td&gt;&lt;b&gt;Strength&lt;/b&gt;&lt;/td&gt; &lt;td&gt;&lt;b&gt;Spending Bonus&lt;/b&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Alexander&lt;/td&gt; &lt;td&gt; &lt;input id="AlexanderStrengthVal" type="text" value="60" style="width:30px; border:none; color:#ffffff; background-color:transparent; text-align:center" onfocus="this.blur()" onClick="add(Alexander, 'Strength')" onContextMenu="subtract(Alexander, 'Strength');" /&gt; &lt;/td&gt; &lt;td&gt; &lt;input id="AlexanderRemainingBonusVal" type="text" value="30" style="width:30px; border:none; color:#ffffff; background-color:transparent; text-align:center" /&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt;</code></pre> </div> </div> </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload