# Problema con pulsante **URL:** \ **Category:** General\ **Tags:** dashboard\ **Created:** [13 December 2023 16:44 UTC](https://discourse.nodered.org/t/problema-con-pulsante/83688 "2023-12-13T16:44:15Z")\ **Posts on this page:** 20\ **Page:** 1

**Author:** ![ivanpesenti](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ivanpesenti/32/85813_2.png) [@ivanpesenti](https://discourse.nodered.org/u/ivanpesenti)\ **Post date:** [13 December 2023 16:44 UTC](https://discourse.nodered.org/t/problema-con-pulsante/83688/1 "2023-12-13T16:44:15Z")

```auto

``` vorrei che un pulsante ui button emulasse il pulsante onclick per far partire o fermare l'animazione qualcuno ha qualche suggerimento .Grazie [Edited by admin to fix code not posted correctly] ---

**Author:** ![GogoVega](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gogovega/32/71313_2.png) [@GogoVega](https://discourse.nodered.org/u/GogoVega)\ **Post date:** [13 December 2023 16:49 UTC](https://discourse.nodered.org/t/problema-con-pulsante/83688/2 "2023-12-13T16:49:05Z")

Hi, Like this? ```js $("#id-of-your-button").trigger("click"); ``` ---

**Author:** ![GogoVega](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gogovega/32/71313_2.png) [@GogoVega](https://discourse.nodered.org/u/GogoVega)\ **Post date:** [13 December 2023 16:54 UTC](https://discourse.nodered.org/t/problema-con-pulsante/83688/3 "2023-12-13T16:54:10Z")

If an admin can also move the discussion to `Developing Nodes`. Thanks ---

**Author:** ![ivanpesenti](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ivanpesenti/32/85813_2.png) [@ivanpesenti](https://discourse.nodered.org/u/ivanpesenti)\ **Post date:** [13 December 2023 16:54 UTC](https://discourse.nodered.org/t/problema-con-pulsante/83688/4 "2023-12-13T16:54:44Z")

where i need to copy that line in the hmtl or in a function node sorry i'm a beginner of node red tx ---

**Author:** ![GogoVega](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gogovega/32/71313_2.png) [@GogoVega](https://discourse.nodered.org/u/GogoVega)\ **Post date:** [13 December 2023 16:57 UTC](https://discourse.nodered.org/t/problema-con-pulsante/83688/5 "2023-12-13T16:57:32Z")

No worries, where do you want to emulate a user's click? ---

**Author:** ![ivanpesenti](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ivanpesenti/32/85813_2.png) [@ivanpesenti](https://discourse.nodered.org/u/ivanpesenti)\ **Post date:** [13 December 2023 17:04 UTC](https://discourse.nodered.org/t/problema-con-pulsante/83688/6 "2023-12-13T17:04:56Z")

\ ``` And in UI button function: ```js $("#some-id").trigger("click"); ``` ---

**Author:** ![marcus-j-davies](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/marcus-j-davies/32/103435_2.png) [@marcus-j-davies](https://discourse.nodered.org/u/marcus-j-davies)\ **Post date:** [13 December 2023 17:15 UTC](https://discourse.nodered.org/t/problema-con-pulsante/83688/10 "2023-12-13T17:15:28Z")

Right, I have moved this out of `Developing Nodes` unless it can be confirmed, this is about developing a Custom Node for Node RED. ---

**Author:** ![ivanpesenti](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ivanpesenti/32/85813_2.png) [@ivanpesenti](https://discourse.nodered.org/u/ivanpesenti)\ **Post date:** [13 December 2023 17:21 UTC](https://discourse.nodered.org/t/problema-con-pulsante/83688/11 "2023-12-13T17:21:32Z")

[ { "id": "6b127b3d291ec9f2", "type": "ui\_template", "z": "68270f3958187659", "group": "be6ab52607c2d8cb", "name": "", "order": 4, "width": 4, "height": 3, "format": "\n\\n\n\n \\n \\n \\n \n\n\n\n

\n \n

\n\n \n\n \n

\n\n\n", "storeOutMessages": true, "fwdInMessages": true, "resendOnRefresh": true, "templateScope": "local", "className": "", "x": 340, "y": 100, "wires": [ [ "a768c3b7b7385206" ] ] }, { "id": "8dff2664da6c06c2", "type": "debug", "z": "68270f3958187659", "name": "debug 87", "active": true, "tosidebar": true, "console": false, "tostatus": false, "complete": "payload", "targetType": "msg", "statusVal": "", "statusType": "auto", "x": 665, "y": 100, "wires": [] }, { "id": "a768c3b7b7385206", "type": "function", "z": "68270f3958187659", "name": "function 16", "func": "msg.payload = Number(msg.payload);\nreturn msg;", "outputs": 1, "timeout": 0, "noerr": 0, "initialize": "", "finalize": "", "libs": [], "x": 505, "y": 100, "wires": [ [ "8dff2664da6c06c2" ] ] }, { "id": "9fc44bf3041e3e63", "type": "debug", "z": "68270f3958187659", "name": "debug 89", "active": true, "tosidebar": true, "console": false, "tostatus": false, "complete": "false", "statusVal": "", "statusType": "auto", "x": 715, "y": 25, "wires": [] }, { "id": "3c2270ae2acf7ef5", "type": "function", "z": "68270f3958187659", "name": "function 18", "func": "msg.payload = Number(msg.payload);\nreturn msg;", "outputs": 1, "timeout": 0, "noerr": 0, "initialize": "", "finalize": "", "libs": [], "x": 545, "y": 25, "wires": [ [ "9fc44bf3041e3e63" ] ] }, { "id": "48f53ea09d76d44a", "type": "ui_template", "z": "68270f3958187659", "group": "be6ab52607c2d8cb", "name": "custom-button", "order": 1, "width": 2, "height": 2, "format": "", "storeOutMessages": true, "fwdInMessages": true, "resendOnRefresh": false, "templateScope": "local", "className": "myButton", "x": 345, "y": 25, "wires": [ [ "3c2270ae2acf7ef5", "6b127b3d291ec9f2" ] ] }, { "id": "492030e4f463222e", "type": "ui_button", "z": "68270f3958187659", "name": "some-id", "group": "be6ab52607c2d8cb", "order": 12, "width": 0, "height": 0, "passthru": true, "label": "button", "tooltip": "", "color": "", "bgcolor": "", "className": "some-id", "icon": "", "payload": "", "payloadType": "str", "topic": "topic", "topicType": "msg", "x": 115, "y": 25, "wires": [ [ "48f53ea09d76d44a" ] ] }, { "id": "be6ab52607c2d8cb", "type": "ui_group", "name": "prova", "tab": "bd40ca2f3896102d", "order": 1, "disp": true, "width": 5, "collapse": false, "className": "" }, { "id": "bd40ca2f3896102d", "type": "ui_tab", "name": "home", "icon": "dashboard", "order": 3, "disabled": false, "hidden": false } ]ype or paste code here ``` ---

**Author:** ![ivanpesenti](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ivanpesenti/32/85813_2.png) [@ivanpesenti](https://discourse.nodered.org/u/ivanpesenti)\ **Post date:** [13 December 2023 17:58 UTC](https://discourse.nodered.org/t/problema-con-pulsante/83688/15 "2023-12-13T17:58:15Z")

I'll try to explain my problem: I've created a custom icon that is a hand shower and I've created an animation that simulates the water coming out of the hand shower. I was able to control the animation with an HMTL button on click that manages the animation but I would need to do the same thing with a button on the Node Red dashboard but I can't simulate on click with the dashboard button tx for the patient ---

**Author:** ![GogoVega](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gogovega/32/71313_2.png) [@GogoVega](https://discourse.nodered.org/u/GogoVega)\ **Post date:** [13 December 2023 18:57 UTC](https://discourse.nodered.org/t/problema-con-pulsante/83688/16 "2023-12-13T18:57:38Z")

The problem is triggering a JQuery event in a node that only accepts a message ---

**Author:** ![ivanpesenti](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ivanpesenti/32/85813_2.png) [@ivanpesenti](https://discourse.nodered.org/u/ivanpesenti)\ **Post date:** [13 December 2023 19:09 UTC](https://discourse.nodered.org/t/problema-con-pulsante/83688/17 "2023-12-13T19:09:13Z")

how i can do can u write me the right code ? tx ---

**Author:** ![GogoVega](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gogovega/32/71313_2.png) [@GogoVega](https://discourse.nodered.org/u/GogoVega)\ **Post date:** [13 December 2023 19:23 UTC](https://discourse.nodered.org/t/problema-con-pulsante/83688/18 "2023-12-13T19:23:52Z")

With this: ```json [{"id":"8dff2664da6c06c2","type":"debug","z":"15cdbf1d258ebb57","name":"debug 87","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","targetType":"msg","statusVal":"","statusType":"auto","x":705,"y":480,"wires":[]},{"id":"a768c3b7b7385206","type":"function","z":"15cdbf1d258ebb57","name":"function 16","func":"msg.payload = Number(msg.payload);\nreturn msg;","outputs":1,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":[],"x":545,"y":480,"wires":[["8dff2664da6c06c2"]]},{"id":"9fc44bf3041e3e63","type":"debug","z":"15cdbf1d258ebb57","name":"debug 89","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":755,"y":405,"wires":[]},{"id":"3c2270ae2acf7ef5","type":"function","z":"15cdbf1d258ebb57","name":"function 18","func":"msg.payload = Number(msg.payload);\nreturn msg;","outputs":1,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":[],"x":585,"y":405,"wires":[["9fc44bf3041e3e63"]]},{"id":"492030e4f463222e","type":"ui_button","z":"15cdbf1d258ebb57","name":"some-id","group":"be6ab52607c2d8cb","order":12,"width":0,"height":0,"passthru":true,"label":"button","tooltip":"","color":"","bgcolor":"","className":"some-id","icon":"","payload":"","payloadType":"str","topic":"topic","topicType":"msg","x":155,"y":405,"wires":[["48f53ea09d76d44a"]]},{"id":"6b127b3d291ec9f2","type":"ui_template","z":"15cdbf1d258ebb57","group":"be6ab52607c2d8cb","name":"","order":4,"width":4,"height":3,"format":"\n\n\n\n \n \n \n\n\n\n

\n \n

\n\n \n\n \n

\n\n\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":380,"y":480,"wires":[["a768c3b7b7385206"]]},{"id":"48f53ea09d76d44a","type":"ui_template","z":"15cdbf1d258ebb57","group":"be6ab52607c2d8cb","name":"custom-button","order":1,"width":2,"height":2,"format":"","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":false,"templateScope":"local","className":"myButton","x":385,"y":405,"wires":[["3c2270ae2acf7ef5","6b127b3d291ec9f2"]]},{"id":"be6ab52607c2d8cb","type":"ui_group","name":"prova","tab":"bd40ca2f3896102d","order":1,"disp":true,"width":5,"collapse":false,"className":""},{"id":"bd40ca2f3896102d","type":"ui_tab","name":"home","icon":"dashboard","order":3,"disabled":false,"hidden":false}] ``` ---

**Author:** ![ivanpesenti](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/ivanpesenti/32/85813_2.png) [@ivanpesenti](https://discourse.nodered.org/u/ivanpesenti)\ **Post date:** [13 December 2023 19:28 UTC](https://discourse.nodered.org/t/problema-con-pulsante/83688/19 "2023-12-13T19:28:21Z")

i imported flow but if i click button some-id doesnt start and doesnt stop the animation ☹ you tried? and what i notice the animation doesnt start i f i dont refresh thr page too ---

**Author:** ![GogoVega](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gogovega/32/71313_2.png) [@GogoVega](https://discourse.nodered.org/u/GogoVega)\ **Post date:** [13 December 2023 19:43 UTC](https://discourse.nodered.org/t/problema-con-pulsante/83688/20 "2023-12-13T19:43:29Z")

Sorry, should works now Added timeout ```json [{"id":"8dff2664da6c06c2","type":"debug","z":"15cdbf1d258ebb57","name":"debug 87","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","targetType":"msg","statusVal":"","statusType":"auto","x":700,"y":440,"wires":[]},{"id":"a768c3b7b7385206","type":"function","z":"15cdbf1d258ebb57","name":"function 16","func":"msg.payload = Number(msg.payload);\nreturn msg;","outputs":1,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":[],"x":540,"y":440,"wires":[["8dff2664da6c06c2"]]},{"id":"9fc44bf3041e3e63","type":"debug","z":"15cdbf1d258ebb57","name":"debug 89","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":750,"y":365,"wires":[]},{"id":"3c2270ae2acf7ef5","type":"function","z":"15cdbf1d258ebb57","name":"function 18","func":"msg.payload = Number(msg.payload);\nreturn msg;","outputs":1,"timeout":0,"noerr":0,"initialize":"","finalize":"","libs":[],"x":580,"y":365,"wires":[["9fc44bf3041e3e63"]]},{"id":"492030e4f463222e","type":"ui_button","z":"15cdbf1d258ebb57","name":"some-id","group":"be6ab52607c2d8cb","order":12,"width":0,"height":0,"passthru":true,"label":"button","tooltip":"","color":"","bgcolor":"","className":"some-id","icon":"","payload":"","payloadType":"str","topic":"topic","topicType":"msg","x":150,"y":365,"wires":[["48f53ea09d76d44a"]]},{"id":"6b127b3d291ec9f2","type":"ui_template","z":"15cdbf1d258ebb57","group":"be6ab52607c2d8cb","name":"","order":4,"width":4,"height":3,"format":"\n\n\n\n \n \n \n\n\n\n

\n \n

\n\n \n\n \n

\n\n\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":true,"templateScope":"local","className":"","x":375,"y":440,"wires":[["a768c3b7b7385206"]]},{"id":"48f53ea09d76d44a","type":"ui_template","z":"15cdbf1d258ebb57","group":"be6ab52607c2d8cb","name":"custom-button","order":1,"width":2,"height":2,"format":"","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":false,"templateScope":"local","className":"myButton","x":380,"y":365,"wires":[["3c2270ae2acf7ef5","6b127b3d291ec9f2"]]},{"id":"be6ab52607c2d8cb","type":"ui_group","name":"prova","tab":"bd40ca2f3896102d","order":1,"disp":true,"width":5,"collapse":false,"className":""},{"id":"bd40ca2f3896102d","type":"ui_tab","name":"home","icon":"dashboard","order":3,"disabled":false,"hidden":false}] ``` [Next page](https://discourse.nodered.org/t/problema-con-pulsante/83688.md?page=2)