https://wiki.roll20.net/index.php?title=Button&feed=atom&action=history
Button - Revision history
2024-03-19T06:09:35Z
Revision history for this page on the wiki
MediaWiki 1.20.3
https://wiki.roll20.net/index.php?title=Button&diff=33570&oldid=prev
463088: /* Action Button */
2024-01-11T06:02:53Z
<p><span dir="auto"><span class="autocomment">Action Button</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 06:02, 11 January 2024</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 225:</td>
<td colspan="2" class="diff-lineno">Line 225:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* the <code>name</code>-attribute must be defined, and have a <code>act_</code> prefix to function</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>* the <code>name</code>-attribute must be defined, and have a <code>act_</code> prefix to function</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>** '''Do not use action button names that include underscores''', otherwise they will fail to trigger as a detectable event for sheetworkers.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>** '''Do not use action button names that include underscores''', otherwise they will fail to trigger as a detectable event for sheetworkers.</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">** '''Bug:''' Having a position property applied to one of the containers of the button in the repeating row causes the button to not be recognized.</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
</table>
463088
https://wiki.roll20.net/index.php?title=Button&diff=33519&oldid=prev
463088: /* API */
2023-11-12T23:56:01Z
<p><span dir="auto"><span class="autocomment">API</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 23:56, 12 November 2023</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 145:</td>
<td colspan="2" class="diff-lineno">Line 145:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Button to roll <code>5d6+2</code> according with the [https://en.wikipedia.org/wiki/D6_System#Wild_die Wild Die] method(and have the highest rolled normal dice be removed from the result if you roll a fumble on your wild die):</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Button to roll <code>5d6+2</code> according with the [https://en.wikipedia.org/wiki/D6_System#Wild_die Wild Die] method(and have the highest rolled normal dice be removed from the result if you roll a fumble on your wild die):</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del style="color: red; font-weight: bold; text-decoration: none;"></del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><pre data-language="html" style="margin-bottom: 5px;overflow:auto;"></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><pre data-language="html" style="margin-bottom: 5px;overflow:auto;"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><button type="roll" value="!wd [[5d6+2]]" name="roll_wilddieexample" ></button></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><button type="roll" value="!wd [[5d6+2]]" name="roll_wilddieexample" ></button></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></pre></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></pre></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">===Multiple Commands===</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">This workaround allows the use of multiple line commands such as including an emote, roll template, and one or more API commands all in the same sheet roll button.</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">Normally, only a single command line will be executed with type="roll" buttons. To overcome this limitation, use a textarea input as a "placeholder" and HTML substitutions for new-lines and carriage returns (ie "&amp;#13;&amp;#10;").</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">example;</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"><pre data-language="html" style="margin-bottom: 5px;overflow:auto;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"><button type="roll" name="roll_multiline" value="@{multi_textarea}">Roll Multi-line Macro</button></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"><textarea name="attr_multi_textarea" class="hidden">Line One&amp;#13;&amp;#10;Line Two&amp;#13;&amp;#10;Line Three</textarea></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></pre></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">note: The textarea can be hidden as in the example above, or exposed on the sheet to allow customization of the roll.</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==Roll Parsing==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>==Roll Parsing==</div></td></tr>
</table>
463088
https://wiki.roll20.net/index.php?title=Button&diff=32685&oldid=prev
157788: /* Remove the default d20 icon */
2023-04-16T12:57:18Z
<p><span dir="auto"><span class="autocomment">Remove the default d20 icon</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 12:57, 16 April 2023</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 354:</td>
<td colspan="2" class="diff-lineno">Line 354:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>'''CSS:'''</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>'''CSS:'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><pre data-language="css"></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><pre data-language="css"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>.ui-dialog .charsheet button[type=roll]:before {</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>.ui-dialog .charsheet button[type=roll]<ins class="diffchange diffchange-inline">:</ins>:before {</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>     content: "";</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>     content: "";</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</div></td></tr>
</table>
157788
https://wiki.roll20.net/index.php?title=Button&diff=32326&oldid=prev
1458276: /* Action Button */
2022-12-08T04:03:34Z
<p><span dir="auto"><span class="autocomment">Action Button</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 04:03, 8 December 2022</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 194:</td>
<td colspan="2" class="diff-lineno">Line 194:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Action Button ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Action Button ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Action buttons can be used as events to trigger [[Sheet_Worker_Scripts|Sheetworkers]], and cannot be used for send messages to the {{Text Chat}}.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>Action buttons can be used as events to trigger [[Sheet_Worker_Scripts|Sheetworkers]], and cannot be used for send messages to the {{Text Chat}}.</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins style="color: red; font-weight: bold; text-decoration: none;">As of July 2021, Action Buttons can send messages to the chat, including roll templates. See [[Custom_Roll_Parsing]].</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>{{orange|You can't use underscores in the name of the action button. <code>act_reduce</code> is good, <code>act_reduce_dex</code> is bad}}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>{{orange|You can't use underscores in the name of the action button. <code>act_reduce</code> is good, <code>act_reduce_dex</code> is bad}}</div></td></tr>
</table>
1458276
https://wiki.roll20.net/index.php?title=Button&diff=32157&oldid=prev
1844441: /* Remove the default d20 icon */
2022-09-03T20:28:04Z
<p><span dir="auto"><span class="autocomment">Remove the default d20 icon</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 20:28, 3 September 2022</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 352:</td>
<td colspan="2" class="diff-lineno">Line 352:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>'''CSS:'''</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>'''CSS:'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><pre data-language="css"></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><pre data-language="css"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>button[type=roll]<del class="diffchange diffchange-inline">.sheet-blank-roll-button:</del>:before {</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">.ui-dialog .charsheet </ins>button[type=roll]:before {</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">  </del>content: <del class="diffchange diffchange-inline">''</del>;</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">    </ins>content: <ins class="diffchange diffchange-inline">""</ins>;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></pre></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></pre></div></td></tr>
</table>
1844441
https://wiki.roll20.net/index.php?title=Button&diff=31791&oldid=prev
720651: /* JQuery functions */
2022-06-02T09:48:37Z
<p><span dir="auto"><span class="autocomment">JQuery functions</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 09:48, 2 June 2022</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 314:</td>
<td colspan="2" class="diff-lineno">Line 314:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>JQuery can be used to add enhanced listeners which give more functionality than the standard sheetworker listeners e.g. if the alt, shift or ctrl keys were down when the event was triggered.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>JQuery can be used to add enhanced listeners which give more functionality than the standard sheetworker listeners e.g. if the alt, shift or ctrl keys were down when the event was triggered.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><pre data-language="<del class="diffchange diffchange-inline">javascript</del>" style="overflow:auto;white-space:pre-wrap;"></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><pre data-language="<ins class="diffchange diffchange-inline">html</ins>" style="overflow:auto;white-space:pre-wrap;"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><p>Click for a normal (public) roll. Hold down the <code>alt</code> key and click to whisper the roll to the gm.</p></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><p>Click for a normal (public) roll. Hold down the <code>alt</code> key and click to whisper the roll to the gm.</p></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><button class="roll">1d20</button></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><button class="roll">1d20</button></div></td></tr>
</table>
720651
https://wiki.roll20.net/index.php?title=Button&diff=31790&oldid=prev
720651: /* JQuery functions */
2022-06-02T09:47:40Z
<p><span dir="auto"><span class="autocomment">JQuery functions</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 09:47, 2 June 2022</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 315:</td>
<td colspan="2" class="diff-lineno">Line 315:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><pre data-language="javascript" style="overflow:auto;white-space:pre-wrap;"></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><pre data-language="javascript" style="overflow:auto;white-space:pre-wrap;"></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>$20('button.<del class="diffchange diffchange-inline">test</del>').on('click', async (e) => {</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><p>Click for a normal (public) roll. Hold down the <code>alt</code> key and click to whisper the roll to the gm.</p></ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> if (</del>e.altKey<del class="diffchange diffchange-inline">){ </del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><button class="roll">1d20</button></ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">          /</del>/<del class="diffchange diffchange-inline">do something</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> } else {</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"><script type="text/worker"></ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">          //Do something else</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">    </ins>$20('button.<ins class="diffchange diffchange-inline">roll</ins>').on('click', async (e) => {</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> </del>} </div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">        const roll = </ins>e.altKey <ins class="diffchange diffchange-inline">? '</ins>/<ins class="diffchange diffchange-inline">w gm [[1d20]]' : '[[1d20]]';</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline">}</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">        const results = await startRoll(roll);</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">        finishRoll(results.rollId);</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">    </ins>}<ins class="diffchange diffchange-inline">);</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline"></script></ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></pre></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></pre></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>See [[JQuery#Functions]] for more details.</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>See [[JQuery#Functions]] for more details.</div></td></tr>
</table>
720651
https://wiki.roll20.net/index.php?title=Button&diff=31789&oldid=prev
720651: /* JQuery functions */
2022-06-02T09:45:38Z
<p><span dir="auto"><span class="autocomment">JQuery functions</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 09:45, 2 June 2022</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 312:</td>
<td colspan="2" class="diff-lineno">Line 312:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===JQuery functions===</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>===JQuery functions===</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>JQuery can used to add enhanced listeners which give more functionality than the standard sheetworker <del class="diffchange diffchange-inline">listener </del>e.g. if the alt, shift or ctrl keys were down when the event was triggered.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>JQuery can <ins class="diffchange diffchange-inline">be </ins>used to add enhanced listeners which give more functionality than the standard sheetworker <ins class="diffchange diffchange-inline">listeners </ins>e.g. if the alt, shift or ctrl keys were down when the event was triggered.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><pre data-language="javascript" style="overflow:auto;white-space:pre-wrap;"></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div><pre data-language="javascript" style="overflow:auto;white-space:pre-wrap;"></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>$20('button.test').on('click', async (e) => {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>$20('button.test').on('click', async (e) => {</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> console.log(JSON.stringify(e));</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div> if (e.altKey){  </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div> if (e.altKey){</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">          //do something</ins></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> console.log("whisper it")</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> doRoll("sixth_sense",true); </del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> } else {</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> } else {</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div><del class="diffchange diffchange-inline"> doRoll("sixth_sense",false);</del></div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">          //Do something else</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> } </div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div> } </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</div></td></tr>
</table>
720651
https://wiki.roll20.net/index.php?title=Button&diff=31788&oldid=prev
720651: /* JQuery functions */
2022-06-02T09:43:57Z
<p><span dir="auto"><span class="autocomment">JQuery functions</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 09:43, 2 June 2022</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 325:</td>
<td colspan="2" class="diff-lineno">Line 325:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></pre></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></pre></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>See [[<del class="diffchange diffchange-inline">https://wiki.roll20.net/</del>JQuery#Functions]] for more details.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>See [[JQuery#Functions]] for more details.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Compendium Button ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Compendium Button ==</div></td></tr>
<!-- diff cache key roll20-mw_:diff:version:1.11a:oldid:31787:newid:31788 -->
</table>
720651
https://wiki.roll20.net/index.php?title=Button&diff=31787&oldid=prev
720651: /* JQuery functions */
2022-06-02T09:43:25Z
<p><span dir="auto"><span class="autocomment">JQuery functions</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black;">Revision as of 09:43, 2 June 2022</td>
</tr><tr><td colspan="2" class="diff-lineno">Line 325:</td>
<td colspan="2" class="diff-lineno">Line 325:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>}</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></pre></div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div></pre></div></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>See <del class="diffchange diffchange-inline">{{</del>JQuery<del class="diffchange diffchange-inline">|</del>Functions<del class="diffchange diffchange-inline">}} </del>for more details.</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>See <ins class="diffchange diffchange-inline">[[https://wiki.roll20.net/</ins>JQuery<ins class="diffchange diffchange-inline">#</ins>Functions<ins class="diffchange diffchange-inline">]] </ins>for more details.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Compendium Button ==</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>== Compendium Button ==</div></td></tr>
<!-- diff cache key roll20-mw_:diff:version:1.11a:oldid:31786:newid:31787 -->
</table>
720651