# Template node send data from function
**URL:** https://discourse.nodered.org/t/template-node-send-data-from-function/52438
**Category:** General
**Created:** [19 October 2021 20:01 UTC](https://discourse.nodered.org/t/template-node-send-data-from-function/52438 "2021-10-19T20:01:18Z")
**Posts on this page:** 12
**Page:** 1
### Author:  [@RogierQ](https://discourse.nodered.org/u/RogierQ)
#### Post date: [19 October 2021 20:01 UTC](https://discourse.nodered.org/t/template-node-send-data-from-function/52438/1 "2021-10-19T20:01:18Z")
Using template node i created a html page
there are image that switch when i click them
at a click it sends a payload.
What i want to do now is when i click it first time i want to send x if i click it again i want to send y and so on
How can i do this? Send data from the function? but how then?
Or is there another way to send this information?
What i created is this
Thanks
```auto
Bomb
{{msg.payload}}
```
---
### Author:  [@UnborN](https://discourse.nodered.org/u/UnborN)
#### Post date: [19 October 2021 20:49 UTC](https://discourse.nodered.org/t/template-node-send-data-from-function/52438/2 "2021-10-19T20:49:57Z")
> [@RogierQ](#):
>
> when i click it first time i want to send x if i click it again i want to send y and so on
1. x is the string eg. 'imageOne' that you pass in your changeImage(x) function ?
2. can you clarify a bit more what is `x`, what is `y` and what happens when an image is clicked more than two times ?
3. and when do you want the actual image src replacement to happen ? on the very first click ?
---
### Author:  [@RogierQ](https://discourse.nodered.org/u/RogierQ)
#### Post date: [19 October 2021 21:15 UTC](https://discourse.nodered.org/t/template-node-send-data-from-function/52438/3 "2021-10-19T21:15:10Z")
x can be the actual file name
y can be the actual file name after image is changed
what i want to do is a simple puzzle
you need to click in the correct order on the image for this i need output from the view wich image is selected or de selected
---
### Author:  [@zenofmud](https://discourse.nodered.org/u/zenofmud)
#### Post date: [19 October 2021 21:21 UTC](https://discourse.nodered.org/t/template-node-send-data-from-function/52438/4 "2021-10-19T21:21:42Z")
Ohhh another devious puzzle…. 🤣
---
### Author:  [@RogierQ](https://discourse.nodered.org/u/RogierQ)
#### Post date: [19 October 2021 21:24 UTC](https://discourse.nodered.org/t/template-node-send-data-from-function/52438/5 "2021-10-19T21:24:14Z")
if there is a way to do it less devious please let me know...
this is always trial and error for me to get something working
---
### Author:  [@UnborN](https://discourse.nodered.org/u/UnborN)
#### Post date: [19 October 2021 21:29 UTC](https://discourse.nodered.org/t/template-node-send-data-from-function/52438/6 "2021-10-19T21:29:17Z")
Here is an example to give you some ideas
Created a dataset attribute in order to track the button clicks (`data-clicked`)
```auto
[{"id":"b11293a5f92bf98a","type":"ui_template","z":"5847b7aa62131d37","group":"61db9c3f37fc1036","name":"","order":1,"width":"12","height":"7","format":"\n\n\n\n \n Bomb\n \n\n\n\n \n \n \n ![\"\"](\"/image.jpg\") \n | \n \n | \n
\n \n | \n | \n \n | \n
\n \n
\n \n Last message sent :
\n {{msg.payload}}\n\n \n\n\n","storeOutMessages":true,"fwdInMessages":true,"resendOnRefresh":false,"templateScope":"local","className":"","x":540,"y":1500,"wires":[["75d8d7a42c1072d4"]]},{"id":"75d8d7a42c1072d4","type":"debug","z":"5847b7aa62131d37","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"payload","targetType":"msg","statusVal":"","statusType":"auto","x":770,"y":1500,"wires":[]},{"id":"61db9c3f37fc1036","type":"ui_group","name":"test","tab":"74b1d602a9d252c0","order":1,"disp":false,"width":"12","collapse":false,"className":""},{"id":"74b1d602a9d252c0","type":"ui_tab","name":"Bom","icon":"dashboard","order":1,"disabled":false,"hidden":false}]
```
---
### Author:  [@RogierQ](https://discourse.nodered.org/u/RogierQ)
#### Post date: [19 October 2021 21:35 UTC](https://discourse.nodered.org/t/template-node-send-data-from-function/52438/7 "2021-10-19T21:35:43Z")
Thanks for creating an example!
Really appreciated!
---
### Author:  [@RogierQ](https://discourse.nodered.org/u/RogierQ)
#### Post date: [19 October 2021 21:48 UTC](https://discourse.nodered.org/t/template-node-send-data-from-function/52438/8 "2021-10-19T21:48:05Z")
How can i get the actual image source to the function?
Like i did in the original with "image.src"
this because the images are different
so regarding to the example a fish, a cow, a chicken and a doggy 😉
original file is xxx.png and the selected image is xxxNeg.png
So Neg is added to the file name for selected image
love your animated example!
---
### Author:  [@UnborN](https://discourse.nodered.org/u/UnborN)
#### Post date: [19 October 2021 21:52 UTC](https://discourse.nodered.org/t/template-node-send-data-from-function/52438/9 "2021-10-19T21:52:29Z")
we are passing in the function the $event (as i recommended in you previous thread .. hint)
which is what is console logged as soon as we click an image.
(you can see what it contains in your browser's developers tools)
the actual image source should be in `event.target.src`
replace `scope.send({ payload: { image: event.target.src, selected: true }})`
---
### Author:  [@RogierQ](https://discourse.nodered.org/u/RogierQ)
#### Post date: [19 October 2021 21:58 UTC](https://discourse.nodered.org/t/template-node-send-data-from-function/52438/10 "2021-10-19T21:58:00Z")
i tried only 'event' but that gave a lot of info.
Thanks again for helping!
---
### Author:  [@UnborN](https://discourse.nodered.org/u/UnborN)
#### Post date: [19 October 2021 22:02 UTC](https://discourse.nodered.org/t/template-node-send-data-from-function/52438/11 "2021-10-19T22:02:26Z")
indeed passing the $event in the function sends a lot of info ..
the whole element that was clicked
but you never know what you going to need from it in the future (like in this case)
so its better to send the whole thing and choose what you need in code (src, id, dataset attrib)
---
### Author:  [@system](https://discourse.nodered.org/u/system)
#### Post date: [18 December 2021 22:02 UTC](https://discourse.nodered.org/t/template-node-send-data-from-function/52438/12 "2021-12-18T22:02:41Z")
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.
