Using{golem} js functions
golem comes with a series of JavaScript functions thatyou can call from the server. These functions are added by default withbundle_resources() .
Then they are called withgolem::invoke_js("fonction", "ui_element").
Thisui_element define the UI element to interact with.It can be a full jQuery selector, an id or a class. Note that you canadd several elements and iterate other them.
invoke_js can be used with any function defined in aJavaScriptCustom Handler, that you can build withgolem::add_js_handler().
golem::invoke_js()
showid&hideid,showclass&hideclassshow and hideelements through their id or class.
golem::invoke_js("showid",ns("plot"))showhref&hidehrefhide and show alink by trying to match thehrefcontent.
golem::invoke_js("showhref","panel2")clickonclick on the element. You have to use thefull jQuery selector.show&hideshow and hide elements,using the full jQuery selector.disable&reableable and disablespecific element, using the full jQuery selector.
See?golem::activate_js() for the full list.
A quick intro to jQuery selectors
#plop: the element with the idplop.pouet: elements of classpouet"button:contains('this')": buttons with a textcontaining'this'
Note that in html, tags contains attributes. For example:
containshref &data-value. You canrefer to these attributes with[] after the tag name.
a[href = "https://thinkr.fr"]: link withhrefbeinghttps://thinkr.fra[data-value="panel2"]: link withdata-valuebeing"panel2"