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

Enchanced Char Sheet syntax

1678072083

Edited 1678072123
Josho H.
Pro
Sheet Author
I'm trying to get this jQuery feature to execute class applications.  There is no change in the CSS to get the menu to appear/disappear. The function does not even run the console command. The goal is to make a menu appear when the player wants to perform a combo attack but right now nothing appears. I've looked at previous examples posted in feature/developments but can't figure out what I'm missing. Script $20('.combopop .combomenu .SEM').on('click', (event) => {     // const selector = `#${event.htmlAttributes.id}`;     $20('.combopop').removeClass('activeComboMenu');     console.log("running...") }); HTML  <div class="combopop ">         <div class="combomenu">             <button type="action" name="act_combomenu" class="SEM">Link</button><br>         </div>     </div> CSS .combopop {   position: fixed;   display: none;   z-index: 15; } .activeComboMenu {   display: block; } .combomenu {   display: block;   } If this is the incorrect place to put this message, please redirect me, thx
1678078013

Edited 1678078126
Scott C.
Forum Champion
Sheet Author
API Scripter
Compendium Curator
While that looks right, I would highly recommend using the regular on listener to listen for the click. There are a few reasons for this: The jquery listener frequently does not reset correctly in the development environment when you upload new code (this is likely your issue if you are using the sandbox) The jquery listener does not work with chat commands, and may  not work with keyboard entry. Relying on the nonstandard click listener can screw with accessibility programs. Instead, I would recommend using this listener: on('clicked:combomenu',()=>{ // const selector = `#${event.htmlAttributes.id}`; $20('.combopop').removeClass('activeComboMenu'); console.log("running...") }); I would also point out that your css for the active and inactive is currently the same, so you won't see any change right now. For future questions, I recommend posting in the character sheets/compendium sub forum and posting code using the code formatting of the forums.